天天看點

自帶全文檢索的jekyll主題

<a href="https://github.com/bigablecat/example.github.io">https://github.com/bigablecat/example.github.io</a>

a). 不依賴第三方服務的全文檢索

b). 自定義類别和标簽歸類文章

c). 瀑布流翻頁

步驟一. fork本項目

步驟二. 将項目名稱example.github.io中的example部分修改為你自己的github使用者名, 例如: bigablecat.github.io

步驟三. 與步驟二類似,在/config.xml檔案中找到url屬性,将example.github.io中的example部分修改為你自己的github使用者名, 例如: bigablecat.github.io

三個步驟完成後,如果釋出成功,可以在目前項目settings的GitHub Pages項中看到設定成功的提示:

a). 在/_posts/目錄下建立一個字尾為.md的markdown檔案,命名格式為yyyy-mm-dd-filename.md,例如2017-01-01-test.md

b). 檔案名filename須使用英文以避免錯誤

a). 在/_my_categories/目錄下建立.md檔案,檔案名稱為新增的category名。如programming.md。

b). 檔案内容如下:

i. slug,name,cn和color都是該類别的屬性,以key:value鍵值對的形式存在。在頁面中擷取到某個category的時候,可以通過category.key的方式擷取key對應的value。

ii. slug屬性可以看做是類别的基本辨別,如果一篇文章類别标為programming,這裡的programming實際上就是slug的值,是以建議slug值與檔案名相同,便于使用。

iii. 其餘屬性由使用者根據需要自定義,本檔案中的name,cn和color就是自定義的,可以删除,也可以另外增加其他屬性。

b). tag的建立方式和使用與category完全一樣。

a). 目前主題的jekyll主題樣式參考來源:

b). 翻頁實作方式參考來源:

c). 主題中使用到的其他js插件:

d). 搭建jekyll部落格相關教程:

繼續閱讀