天天看點

快速使用HEXO搭建個人部落格 韓俊強的部落格

  經過各種找資料,踩過各種坑,終于使用 hexo 搭建個人部落格初步完成了,域名目前用得時 github 的,我的 hexo 是 3.1.1 版本,hexo 不同的版本,很多配置都不一樣。好吧,廢話不多說了,開始吧。

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

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

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

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

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

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

建立一個檔案夾,如:Blog,cd到Blog裡執行hexo init的。指令:

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

繼續再Blog目錄下執行如下指令,生成靜态頁面

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

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

這個時候再執行:$ hexo-server

白闆和Cannot GET / 幾個字

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

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

啟動本地伺服器:

建立與你使用者名對應的倉庫,倉庫名必須為【your_user_name.github.io】,固定寫法

然後建立關聯,我的Blog在本地/Users/xiaohange/Blog,Blog是我之前建的東西也全在這裡面,有:

Blog  |  |-- _config.yml  |-- node_modules  |-- public  |-- source  |-- db.json  |-- package.json  |-- scaffolds  |-- themes          

現在我們需要_config.yml檔案,來建立關聯,指令:

翻到最下面,改成我這樣子的,注意: <code>: 後面要有空格</code>

執行如下指令才能使用git部署

網上會有很多說法,有的type是github, 還有repository 最後面的字尾也不一樣,是github.com.git,我也踩了很多坑,我現在的版本是hexo: 3.1.1,執行指令hexo -vsersion就出來了,貌似3.0後全部改成我上面這種格式了。

忘了說了,我沒用SSH Keys如果你用了SSH Keys的話直接在github裡複制SSH的就行了,總共就兩種協定,相信你懂的。

然後,執行配置指令:

,把這個改成你 github 的賬戶名就行了

每次部署的步驟,可按以下三步來進行。

一些常用指令:

都有詳細的介紹,我就不多說了。

我這裡有幾款個人認為不錯的主題,免去你們,一個一個的選了,歡迎吐槽我的審美,?

 文章在 source/_posts,編輯器可以用 Sublime,支援 markdown 文法。如果想修改頭像可以直接在主題的 _config.yml 檔案裡面修改,友情連結,之類的都在這裡,修改名字在 public/index.html 裡修改,開始打理你的部落格吧,有什麼問題或者建議,都可以提出來,我會繼續完善的。

問:如何讓文章想隻顯示一部分和一個 <code>閱讀全文</code> 的按鈕? 答:在文章中加一個 <code>&lt;!--more--&gt;</code> , <code>&lt;!--more--&gt;</code> 後面的内容就不會顯示出來了。
問:本地部署成功了,也能預覽效果,但使用 username.github.io 通路,<code>出現 404</code> . 答:首先确認 hexo d 指令執行是否報錯,如果沒有報錯,再檢視一下你的 github 的 username.github.io 倉庫,你的部落格是否已經成功送出了,你的 github 郵箱也要通過驗證才行。