只需9步教你搭建自己的個人部落格 (Hexo+Github)

WangHuagang發表於2018-04-16

個人部落格地址,戳我跳轉,歡迎大家和我一起交流學習,可在留言區留言,共同進步!

該方法是基於(Hexo+Github)進行搭建的,只需要有github賬號即可。

1.下載並安裝node.js和npm(新版本的node已經自帶npm,不用單獨下載)

博主安裝好的環境

2.安裝git的環境,傻瓜式的安裝方法,預設安裝即可,安裝好後在任意位置滑鼠右鍵出現下圖所示,表示安裝成功。

安裝好後的情況

3.註冊github賬號,並建立一個新的倉庫,倉庫的格式一定要按照這種格式來:name.github.io,其他的預設就好

4.安裝hexo,在電腦某個合適的地方新建一個資料夾(eg:blog),然後命令列進入到該資料夾,按照以下步驟進行安裝

-安裝hexo
npm install hexo -g
-檢查是否安裝成功
hexo -v
-初始化該資料夾
hexo init
-安裝所需要的元件
hexo install
-體驗一下hexo
hexo g
-開啟伺服器,正式訪問網址體驗hexo,輸入localhost:4000訪問
hexo s
若出現下圖,啟動伺服器成功

若不能成功,可能是埠衝突,請輸入以下命令進行切換埠
hexo server -p
當看見出現以下頁面,表示部落格基本框架搭建成功

5.將hexo與GitHub聯絡起來,配置name和email(ps:如果已經配置過的可以忽略),在blog資料夾中右鍵開啟Git Bash進行配置

git config --global user.name 'your github name'
git config --global user.email 'your github email'

5.1輸入ssh-keygen -t rsa -C “cdu.whg@foxmail.com” ,連續按三個Enter鍵,生成祕鑰,得到了兩個檔案:id_rsa和id_rsa.pub(預設儲存路徑是:C:\Users\Administrator.ssh)。
5.2 輸入eval “$(ssh-agent -s)”,新增金鑰到ssh-agent。
5.3 再輸入ssh-add ~/.ssh/id_rsa,新增生成的SSH key到ssh-agent。
5.4 登陸GitHub,點選頭像下拉選單中的setting,新增ssh

5.5 新建一個new SSH Key ,輸入名稱和祕鑰(id_rsa.pub檔案中的祕鑰)即可

6.配置,找到根資料夾下的_config.yml檔案,按照下圖進行修改配置


7.開啟寫部落格之旅,輸入一下命令,建立第一篇blog

hexo new post 'blogName'

在source/_posts目錄下可看見增加了一個hello.md檔案,編輯該檔案內容,便可釋出部落格了

8.在生成以及部署文章之前,需要安裝一個擴充套件:npm install hexo-deployer-git --save

9.安裝完後便可以部署了,使用hexo d -g進行部署

部署成功後訪問你的地址:http://使用者名稱.github.io。那麼就能看到生成釋出的文章了。

OK,使用hexo+GitHub搭建基本的個人部落格就完成了,後續會推出【提升版】,對個人部落格進行更精緻的設定以及繫結自己的域名。

個人部落格地址:戳我跳轉,歡迎和我一起交流學習,共同進步!


相關文章