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

使用node+Hexo+Github搭建屬於自己的部落格

參考網上的教程在github搭建了一個簡單的個人部落格,只是基礎,等有時間繼續升級改造!!!

本次搭建環境為win10教育版 64位。

Hexo是什麼

Hexo是一個快速, 簡潔且高效的部落格框架. 讓上百個頁面在幾秒內瞬間完成渲染. Hexo支援Github Flavored Markdown的所有功能, 甚至可以整合Octopress的大多數外掛. 並自己也擁有強大的外掛系統.

安裝

Hexo是基於node.js的, 所以我們在安裝它之前需要用到npm安裝工具, 這個工具是 node.js 安裝包的工具, 所以, 我們先要安裝 node.js.

具體步驟

1、安裝Node.js和配置好Node.js環境,參見https://www.cnblogs.com/zhouyu2017/p/6485265.ht  ml

     

進行如圖測試,結果一致則表示安裝成功

注:最後一步和上鍊接稍有差別,如下圖

 2、安裝Git和配置好Git環境,安裝成功的象徵就是在電腦上任何位置滑鼠右鍵能夠出現如下兩個選擇

 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

 5、將Hexo與Github page聯絡起來,設定Git的user name和email(如果是第一次的話)

 

上圖是在其資料夾裡面滑鼠右鍵,點選Git Base Here。這裡“feng”可以替換成自己的使用者名稱,郵箱可以替換成自己的郵箱

 

輸入cd ~/.ssh,檢查是否由.ssh的資料夾

 

輸入ls,列出該檔案下的內容。下圖說明存在

 

 輸入ssh-keygen -t rsa -C “[email protected]”,連續三個回車,生成金鑰,最後得到了兩個檔案:id_rsa和id_rsa.pub(預設儲存路徑是:C:\Users\Administrator\.ssh)。

 

 

 輸入eval "$(ssh-agent -s)",新增金鑰到ssh-agent

 

 再輸入ssh-add ~/.ssh/id_rsa,新增生成的SSH key到ssh-agent

 

 登入Github,點選頭像下的settings,新增ssh

 

 

新建一個new ssh key,將id_rsa.pub檔案裡的內容複製上去

 

輸入ssh -T [email protected],測試新增ssh是否成功。如果看到Hi後面是你的使用者名稱,就說明成功了

問題:假如ssh-key配置失敗,那麼只要以下步驟就能完全解決

首先,清除所有的key-pair
ssh-add -D
rm -r ~/.ssh
刪除你在github中的public-key

重新生成ssh金鑰對
ssh-keygen -t rsa -C "[email protected]"

接下來正常操作
在github上新增公鑰public-key:
1、首先在你的終端執行 xclip -sel c ~/.ssh/id_rsa.pub將公鑰內容複製到剪下板
2、在github上新增公鑰時,直接複製即可
3、儲存

測試:
在終端 ssh -T [email protected]

 

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。那麼將看到生成的文章

本文大部分參照https://www.cnblogs.com/fengxiongZz/p/7707219.html,僅對部分內容和不同之處做了稍微補充,十分感謝原作者。

安裝

Hexo是基於node.js的, 所以我們在安裝它之前需要用到npm安裝工具, 這個工具是 node.js 安裝包的工具, 所以, 我們先要安裝 node.js.