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

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

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

2019-11-14 08:47:59
字體:
來源:轉載
供稿:網友

今天突然閑的蛋疼想把一些文章置頂, 于是就研究了一下如何實現, 還順便把功能塞到了前段時間發布的- 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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 孟州市| 靖宇县| 洪泽县| 彭阳县| 泸西县| 青阳县| 前郭尔| 信宜市| 兴宁市| 博野县| 梁河县| 云安县| 绍兴市| 沁水县| 新安县| 渑池县| 庆安县| 平罗县| 麟游县| 澄迈县| 东城区| 温州市| 米泉市| 信宜市| 那曲县| 商洛市| 建阳市| 平乐县| 尖扎县| 鹤庆县| 布尔津县| 盱眙县| 新民市| 依安县| 康平县| 砚山县| 古浪县| 西丰县| 蚌埠市| 凤山县| 沈丘县|