採用Hexo 搭建Team Blog

weixin_34126215發表於2015-03-29

採用Hexo 搭建Team Blog



首先你要會使用Git 已經GitHub,然後讓我們瞭解下什麼是靜態Blog



靜態部落格是指 不須要資料庫驅動,擁有豐富模板,通過模板標記語言生成簡單html css靜態內容形式的部落格。


經常使用的靜態Blog生成器有例如以下幾種:

jekyll http://jekyllcn.com/  ruby

octopress http://octopress.org/

hexo  http://hexo.io/   nodejs

ghost  https://ghost.org/

Dropbox + MarkDown = Blog, FarBox!


GitHub 和 DigtalOcean 近期提供了一個優惠政策,全部有.edu 郵箱的都能夠免費申請100美元,好機會不容錯過,詳情看博主的另外的帖子

http://blog.csdn.net/jackrex/article/details/40071353


採用的標記性語言 MarkDown 編寫blog。

http://wowubuntu.com/markdown/

這裡採用Hexo來生成靜態Blog

Hexo

參考文件 http://hexo.io/docs/index.html


安裝:


what’s npm


NPM nodejs packager manager  nodejs 包管理器


正式開始,生成Blog


接下來開始在Github建立個repo 倉庫,名字命名為 teamname.github.com (team  是你團隊名稱)。















package.json  npm 配置檔案





_config.yml  hexo 配置檔案





hexo help 讓我們看看hexo的經常使用命令



接下來開始生成我們的blog

hexo init

hexo g (generate)

hexo s (server)

it works !!


激動人心的時候可到了,趕快訪問http://localhost:4000/





在_config.yml 配置好我們的github地址

hexo deploy 上傳到我們的github 上


訪問 http://alloyteammobile.github.io/

我擦,這什麼情況?


網址解析要等大約半個小時,騷年等等吧。

很多其它主題


介面太醜了,來換換別的主題吧。

這裡有很多其它地主題選擇

https://github.com/tommy351/hexo/wiki/Themes

把須要的主題克隆到本地的themes中

改動 _config.yml  中的theme


讓我們在一次激動人心的訪問 http://localhost:4000/

這又是啥情況??


好吧,須要安裝EJS解析模板


https://github.com/tommy351/hexo/releases/tag/2.6.0


執行例如以下命令



再次開啟 http://localhost:4000/ 。 It Works!!!!



讚賞下主題

hexo clean
hexo generate
hexo deploy


























有的時候使用一些主題會遇到一些問題,比方:



YAML parser was changed in Hexo 2.8. You have to wrap strings like this with quotation marks.

archive_b: Archives: %s => archive_b: "Archives: %s"




Edit all of the yml file in the language folders of thirdparty theme , add quotation marks when there is a space between the values.





這裡須要把全部模板中的archive_b: Archives: %s => archive_b: "Archives: %s"

加啥雙引號,不然會解析錯誤。




好的Blog好的文章當然要和大家互動哈,整合我們的評論系統,Disqus 或者多說,我們臨時用多說吧。






詳細使用參考官網文件非常easy。

正式開始寫Blog。




























hexo 外掛


已經整合的


相關文章