天天看點

Hexo 簡明入門教程(一)

對于個人獨立部落格的搭建,或者一些産品網站的介紹我個人比較推崇直接用靜态網站生成器來完成這個事情,對于,靜态網頁部署友善,浏覽速度快。

以下為部分靜态網站生成器簡要清單

Jekyll (github 預設pages 引擎)

Octopress (相容jekyll)

Hyde Jekyll的Python語言實作版本

Cyrax 使用Jinja2模闆引擎的生成器

Phrozn PHP語言實作的靜态網站

Hexo

如果你隻是想了解什麼是靜态網站生成器,

相比其他的靜态網頁生成器而言有着,生成靜态網頁最快,插件豐富(已經移植了Octopress 插件)。

關于如何建立一個Hello World級别的Hexo 官方github首頁已經很清晰的說明了,不做重複,直接跳過。

<a href="https://github.com/tommy351/hexo">https://github.com/tommy351/hexo</a>

在學會了,如何運作Hello World 的Hexo 我們要開始進行自定義化了,首先我們要了解hexo的靜态化規則。 打開項目檔案的根目錄你會看到這個檔案:

_config.yml

這裡值得注意的配置參數

root 這個參數是用于配置網站的根目錄,與最終生成的網頁資源連結相關的。例如有一個js檔案預設的

<code>root: /</code>

最終網頁裡面的資源檔案會連結到

<code>/fancybox/jquery.fancybox.pack.js</code>

改為 <code>root: hello</code>

<code>/hello/fancybox/jquery.fancybox.pack.js</code>

permalink 這個是用于設定檔案的存放規則。例如

預設的配置 <code>:year/:month/:day/:title/</code>

最終生成的文章存放于public 檔案下的 2013/04/04/xxx.html

改為<code>:year-:month-:day/:title/</code> 将會變成2013-04-04/xxx.html

需要改變檔案的存放規則記得注意。

<a href="http://zespia.tw/hexo/zh-CN/docs/writing.html">官網的入門資料</a>

由于,整個網頁的生成規則是基于目标的關系,是以在寫作部分你隻要專注于文章的編寫就行,寫好的文章直接放在<code>source/_posts/</code> 下即可。更多的設定記得認真參考官方的設定。

任一頁面生成

有些時候,對于非文章類的頁面,例如一個aboutme的頁面,其實我們隻有直接放到<code>source/</code> 即可,路徑的規則由建立的檔案夾路徑一緻。

Read more長度的控制

hexo 的readmore 是由自己在寫文章的時候設定的,在文章正文裡面部分的合适位置加上<code>&lt;!-- more --&gt;</code> 首頁的預覽就會到辨別的位置

上面提到的内容,已經足夠利用hexo搭建一個完整的部落格網站,下次,我會說說如何自定義hexo的主題。

版權聲明:原創作品,如需轉載,請注明出處。否則将追究法律責任

本文轉自 liam2199 部落格,原文連結:http://blog.51cto.com/youxilua/1170558   如需轉載請自行聯系原作者