国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 學院 > 開發設計 > 正文

Jekyll x Liquid: 文章置頂功能的實現

2019-11-14 09:07:17
字體:
來源:轉載
供稿:網友

今天突然閑的蛋疼想把一些文章置頂, 于是就研究了一下如何實現, 還順便把功能塞到了前段時間發布的- Jekyll主題 里面

兩個方案:

Server端實現Client端實現

Server端實現

其實很簡單, 一開始以為無法對Post進行操作, 后來發現可以從post的header里面進行參數設置

layout: posttitle: 《10101》EP0:我太受歡迎了該怎么辦category : Comictags : [Comic, 10101]stickie: true

然后liquid進行判斷

{* for post in site.posts *} {* if post.stickie != true *} {* continue *} {* endif *} <div>置頂文章細節</div>{* endfor *}{* for post in site.posts *} {* if post.stickie == true *} {* continue *} {* endif *} <div>普通文章細節</div>{* endfor *}

當然這個可以進行多種擴展, 比如只輸出特定類別的文章等等,這里就是個只輸出帶有comic這個tag的post

{% for post in site.posts %} {% assign isComic = 0 %} {% for tag in post.tags %} {% if tag == comic %} {% assign isComic = 1 %} {% endif %} {% endfor %} {% if isComic == 0 %} {% continue %} {% endif %}{% endfor %}

Client端實現

我太懶了沒去研究 o( ̄▽ ̄)o

用JQuery.sort()給DOM排序再渲染一下即可

這個排序還要額外對時間進行比較//果然懶一點是沒錯的 o( ̄▽ ̄)o

演示頁面

szhshp的第三邊境研究所

參考

Jekyll原創主題PRoject Gaia Jekyll x Liquid 控制文章列表只顯示特定類別的Post
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 惠水县| 缙云县| 白玉县| 望谟县| 浦县| 无锡市| 育儿| 建始县| 龙岩市| 和田市| 朝阳区| 内丘县| 太湖县| 寿阳县| 双鸭山市| 溧阳市| 托里县| 定州市| 威远县| 永登县| 平武县| 大冶市| 武强县| 仁化县| 漾濞| 来安县| 崇明县| 娱乐| 化隆| 城步| 辛集市| 吉木萨尔县| 信阳市| 岢岚县| 威信县| 汶上县| 文山县| 手游| 广西| 庆城县| 贵定县|