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

首頁 > 學(xué)院 > 開發(fā)設(shè)計 > 正文

Jekyll x Liquid: 文章置頂功能的實現(xiàn)

2019-11-14 08:52:11
字體:
供稿:網(wǎng)友

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

兩個方案:

Server端實現(xiàn)Client端實現(xiàn)

Server端實現(xiàn)

其實很簡單, 一開始以為無法對Post進(jìn)行操作, 后來發(fā)現(xiàn)可以從post的header里面進(jìn)行參數(shù)設(shè)置

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

然后liquid進(jìn)行判斷

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

當(dāng)然這個可以進(jìn)行多種擴展, 比如只輸出特定類別的文章等等,這里就是個只輸出帶有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端實現(xiàn)

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

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

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

演示頁面

szhshp的第三邊境研究所

參考

Jekyll原創(chuàng)主題PRoject Gaia Jekyll x Liquid 控制文章列表只顯示特定類別的Post
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 泊头市| 柳林县| 通山县| 仙游县| 阳山县| 二连浩特市| 潼关县| 康定县| 舞钢市| 武威市| 海伦市| 天长市| 商河县| 常德市| 通城县| 阜南县| 永平县| 得荣县| 瓦房店市| 大港区| 柘城县| 南涧| 水城县| 临漳县| 祁东县| 榆林市| 华阴市| 洛扎县| 通江县| 临潭县| 凤山县| 中江县| 海城市| 苏尼特左旗| 乐平市| 左权县| 宝清县| 南充市| 大安市| 普兰县| 庆城县|