天天看點

HEXO+Github,搭建屬于自己的部落格 配置環境

這邊教程是針對與Mac的,參考連結,由于原文講到的hexo是以前的老版本,是以現在的版本配置的時候會有些改動。

    之前是想着寫部落格,一方面是給自己做筆記,可以提升自己的寫作、總結能力,一個技術點我們會使用,并不難,但是要做到讓讓别人也能聽懂我們講得,還是需要一定的技巧和經驗的。很多類似于CSDN、部落格園也都可以寫文章,但是頁面的樣式我,不是太喜歡,簡書還算好點得。最近看到一些大神們的部落格(在我的友情連結裡有),貌似都是用hexo寫得,我也依葫蘆畫瓢的搭建了一個。不羅嗦了,直接上搭建步驟。

配置環境

安裝Node(必須)

作用:用來生成靜态頁面的

到Node.js官網下載下傳相應平台的最新版本,一路安裝即可。

安裝Git(必須)

作用:把本地的hexo内容送出到github上去.

安裝Xcode就自帶有Git,我就不多說了。

申請GitHub(必須)

作用:是用來做部落格的遠端創庫、域名、伺服器之類的,怎麼與本地hexo建立連接配接等下講。

github賬号我也不再啰嗦了,沒有的話直接申請就行了,跟一般的新增賬號差不多,SSH Keys,看你自己了,可以不配制,不配置的話以後每次對自己的部落格有改動送出的時候就要手動輸入賬号密碼,配置了就不需要了,怎麼配置我就不多說了,網上有很多教程。

正式安裝HEXO

Node和Git都安裝好後,可執行如下指令安裝hexo:

npm install -g hexo (如果報錯可以嘗試用:sudo npm install --unsafe-perm --verbose -g hexo)

初始化

然後,執行init指令初始化hexo到你指定的目錄,我是直接cd到目标目錄執行hexo init的。指令:

hexo init

好啦,至此,全部安裝工作已經完成!

生成靜态頁面

cd 到你的init目錄,執行如下指令,生成靜态頁面至hexo\\public\\目錄。

hexo generate (hexo g  也可以)

本地啟動

    啟動本地服務,進行文章預覽調試,指令:

    hexo server

    浏覽器輸入http://localhost:4000

    我不知道你們能不能,反正我不能,因為我還有環境沒配置好

    我把我報的一些錯,和解決方式列出來:

報錯 一

    ERROR Plugin load failed: hexo-server

   原因:Besides, utilities are separated into a standalone module. hexo.util is not reachable anymore.

    解決方法,執行指令:

    sudo npm install hexo-server

報錯 二

    執行指令hexo server,有如下提示:

    Usage: hexo

    ….

    原因:我認為是沒有生成本地服務

解決方法,執行指令:

    npm install hexo-server --save

    提示:[email protected] node_modules/hexo-server

    ….

表示成功了參考

這個時候再執行:

    hexo-server

得到:

    INFO  Hexo is running at http://0.0.0.0:4000/. Press Ctrl+C to stop.

這個時候再點選http://0.0.0.0:4000,正常情況下應該是最原始的畫面,但是我看到的是:

    白闆和Cannot GET / 幾個字

 原因: 

由于2.6以後就更新了,我們需要手動配置些東西,我們需要輸入下面三行指令:

    npm install hexo-renderer-ejs --save

    npm install hexo-renderer-stylus --save

    npm install hexo-renderer-marked --save

這個時候再重新生成靜态檔案,指令:

hexo generate (或hexo g)

啟動本地伺服器:

hexo server (或hexo s)

    再點選網址http://0.0.0.0:4000OK終于可以看到屬于你自己的blog啦,