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

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

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

2019-11-11 07:25:41
字體:
來源:轉載
供稿:網友

今天突然閑的蛋疼想把一些文章置頂, 于是就研究了一下如何實現, 還順便把功能塞到了前段時間發布的- 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
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 金昌市| 缙云县| 阿坝| 四子王旗| 华安县| 吉木萨尔县| 定州市| 冀州市| 丰城市| 开封市| 平顶山市| 泸定县| 浦县| 安徽省| 且末县| 团风县| 灌云县| 长阳| 苍溪县| 高邮市| 嫩江县| 府谷县| 七台河市| 荔浦县| 甘洛县| 宣汉县| 巧家县| 左云县| 孟连| 搜索| 行唐县| 青铜峡市| 曲周县| 吴川市| 师宗县| 安阳市| 鄂托克旗| 凤翔县| 明星| 七台河市| 铜鼓县|