1. 程式人生 > >使用Hexo搭建屬於自己的GIT部落格

使用Hexo搭建屬於自己的GIT部落格

使用Hexo搭建屬於自己的GIT部落格

前言:電腦系統為window 10專業版,64位

相關步驟:

1、安裝Node.js和配置好Node.js環境,開啟cmd命令列,成功介面如下
在這裡插入圖片描述
2、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置滑鼠右鍵能夠出現如下兩個選擇

在這裡插入圖片描述

注意:一般出於安全考慮,只有在Git Bash Here中才能進行Git的相關操作。如果需要在cmd命令列裡呼叫Git,那麼就要配置電腦的環境變數Path,或者在安裝的時候選擇use Git from the Windows Command Prompt。這個可有可無,影響不大,成功配置的介面如圖
在這裡插入圖片描述


3、Github賬戶註冊和新建專案,專案必須要遵守格式:賬戶名.github.io,不然接下來會有很多麻煩。並且需要勾選Initialize this repository with a README
在這裡插入圖片描述
在建好的專案右側有個settings按鈕,點選它,向下拉到GitHub Pages,你會看到那邊有個網址,訪問它,你將會驚奇的發現該專案已經被部署到網路上,能夠通過外網來訪問它。
在這裡插入圖片描述
4、安裝Hexo,在自己認為合適的地方創個資料夾,我是在D盤建了一個blog資料夾。然後通過命令列進入到該資料夾裡面
在這裡插入圖片描述
輸入npm install hexo -g,開始安裝Hexo
在這裡插入圖片描述
輸入hexo -v,檢查hexo是否安裝成功
在這裡插入圖片描述

輸入hexo init,初始化該資料夾(有點漫長的等待。。。)
在這裡插入圖片描述
在這裡插入圖片描述
看到後面的“Start blogging with Hexo!”,激動有木有!!!!!

輸入npm install,安裝所需要的元件
在這裡插入圖片描述
輸入hexo g,首次體驗Hexo
在這裡插入圖片描述
輸入hexo s,開啟伺服器,訪問該網址,正式體驗Hexo
在這裡插入圖片描述
問題:假如頁面一直無法跳轉,那麼可能埠被佔用了。此時我們ctrl+c停止伺服器,接著輸入“hexo server -p 埠號”來改變埠號
在這裡插入圖片描述
那麼出現如下圖就成功了
在這裡插入圖片描述
5、將Hexo與Github page聯絡起來,設定Git的user name和email(如果是第一次的話)
在這裡插入圖片描述
在這裡插入圖片描述
修改郵箱 git config --global user.email “郵箱地址”

6、配置Deployment,在其資料夾中,找到_config.yml檔案,修改repo值(在末尾)
在這裡插入圖片描述
repo值是你在github專案裡的ssh(右下角)
在這裡插入圖片描述
7、新建一篇部落格,在cmd執行命令:hexo new post “部落格名”
在這裡插入圖片描述
這時候在資料夾_posts目錄下將會看到已經建立的檔案
在這裡插入圖片描述
在生成以及部署文章之前,需要安裝一個擴充套件:npm install hexo-deployer-git --save
在這裡插入圖片描述
使用編輯器編好文章,那麼就可以使用命令:hexo d -g,生成以及部署了
在這裡插入圖片描述
部署成功後訪問你的地址:http://使用者名稱.github.io。那麼將看到生成的文章
在這裡插入圖片描述
好了,到此為止,最基本的也是最全面的hexo+github搭建部落格完結。

一些Hexo操作命令

Hexo
npm install hexo -g #安裝
npm update hexo -g #更新
hexo init #初始化
草稿
hexo publish [layout] #發表草稿。<br/> 寫作<br/> hexo n “name” #新建文章<br/> hexo g #生成靜態網頁<br/> hexo p #發表草稿。<br/> hexo s #啟動服務<br/> hexo d #部署網站 引數:-g 部署之前先生成靜態檔案。<br/> 伺服器<br/> Hexo 3.0 把伺服器獨立成了個別模組,您必須先安裝才能使用。

npm install hexo-server --save #安裝服務

hexo s #啟動服務
hexo server -p 5000 #更改埠
hexo s -s #靜態模式
hexo s -i 192.168.1.1 #自定義ip

hexo clean #清除快取
部署
hexo d -g
hexo g -d