国产探花免费观看_亚洲丰满少妇自慰呻吟_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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 尼木县| 洪雅县| 临夏市| 营山县| 泽普县| 西林县| 鹤山市| 蓝山县| 高阳县| 清水河县| 永顺县| 孝昌县| 宜州市| 会宁县| 通化县| 新绛县| 玉环县| 南皮县| 思南县| 郓城县| 手游| 海林市| 绥滨县| 鹿泉市| 将乐县| 广南县| 繁峙县| 蛟河市| 高青县| 九龙坡区| 大方县| 龙南县| 景德镇市| 木兰县| 石景山区| 兴义市| 元阳县| 天水市| 雷山县| 涪陵区| 无锡市|