經過各種找資料,踩過各種坑,終于使用 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><!--more--></code> , <code><!--more--></code> 後面的内容就不會顯示出來了。
問:本地部署成功了,也能預覽效果,但使用 username.github.io 通路,<code>出現 404</code> . 答:首先确認 hexo d 指令執行是否報錯,如果沒有報錯,再檢視一下你的 github 的 username.github.io 倉庫,你的部落格是否已經成功送出了,你的 github 郵箱也要通過驗證才行。