1. 程式人生 > >github搭建個人部落格 hexo框架 next主題

github搭建個人部落格 hexo框架 next主題

之前就想搭建自己的部落格,現在終於得以實施。

參考了多篇部落格,然後又在虛擬機器了往往復複試了好多次, 現在基本搭建完畢。

我是基於hexo部落格框架, next主題搭建的部落格, 靜態網頁。   大體就是, 先在本地搭建好整個系統, 然後再提交到github。

因為此篇文章只是撿部分內容說,所以我先列出來我參考的部落格,這裡謝謝他們的無私分享了。

  • hexo部落格框架 + next主題 + 外掛等整個流程請參考ezlippi的兩篇部落格:  https://www.ezlippi.com/blog/2015/03/github-pages-blog.html 和 https://www.ezlippi.com/blog/2016/02/jekyll-to-hexo.html      文章大體跑了整個流程,不過細節上原理上沒有怎麼說。
  • 看完上面整個流程,也許對hexo部落格框架配置部分有所疑惑,那就參考這篇部落格,此篇文章對_config.yml檔案進行了詳盡的註釋:  http://blog.csdn.net/xuezhisdc/article/details/53130383
  • 看完了hexo框架部分的內容,現在來看看next主題的內容,感覺官方文件很不錯:  http://theme-next.iissnan.com/getting-started.html
  • 中文部落格參差不齊,一句話傳的人多了也就慢慢變了味道,對了hexo部落格框架部分最好的資料還是官方文件:  https://hexo.io/zh-cn/docs/index.html
  • 有些人可能需要一個參考,找別人的東西對比下,上面提到的ezlippi無私分享了,具體看這個網址:  https://www.ezlippi.com/about/。

總結一下流程就是,

1、註冊github, 本地生成ssh key, 然後github新增這個key。 這樣就可以方便的使用ssh的密碼push、clone程式碼了,當然,也可以設定ssh密碼為空。

2、github建立想要建立的倉庫名字:

(1)GitHub使用者名稱建立的username.github.io或者orgname.github.io這樣的使用者&組織頁(站)   

(2)依附專案的pages。具體可以參考:

https://help.github.com/articles/configuring-a-publishing-source-for-github-pages/     

https://help.github.com/articles/user-organization-and-project-pages/

3、本地搭建hexo框架。  這裡有用Windows的,有用Linux的,我不發表觀點,但是我用的是Linux。  教程不細說了。

4、新增next主題並配置。

5、新增一些外掛,開啟一些部落格功能。

6、繫結域名的話請看這步,不繫結的話就跳過:

(1)域名註冊不講了, 繫結的話需要在 hexo框架目錄/source下新建CNAME檔案,注意沒副檔名,編輯內容為你的域名。

(2)域名解析新增CNAME記錄, “@”或者“www”型別都可以, 記錄值填寫"yourname.github.io.",注意最後是帶個點的。

(ps:網上也有解析新增A記錄的,那是繫結IP,你的yourname.github.io  IP變了你就得修改解析, 不嫌麻煩的話可以這樣)

7、釋出:

(1)hexo clean命令清理檔案     

(2)hexo generate生成靜態檔案 

(3)hexo server本地再看看效果 

(4)hexo deploy 部署到github

期間出現過出現hexo安裝失敗: 

原因是hexo依賴的node.js下載是通過shell的apt-get安裝的,版本比較老   後來換了最新的就好了