Hexo中NexT主題添加文章置頂功能

請點擊我的博客查看效果

目前已經有修改後支持置頂的倉庫,可以直接用以下命令安裝。

$ npm uninstall hexo-generator-index --save
$ npm install hexo-generator-index-pin-top --save

然後在需要置頂的文章的Front-matter中加上top: true即可。比如下面這篇文章:

---
title: 我的2018總結
tags:
  - 隨筆
categories:
  - 隨筆
abbrlink: 58a24148
date: 2018-12-31 11:45:59
top: true
---

到目前爲止,置頂功能已經可以實現了。所有相關博文到這邊就結束了。

不過置頂的文章顯示在最上面之後,如果沒有明確的置頂標誌,是不是感覺有點怪怪的呢?

設置置頂標誌
打開:/themes/next/layout/_macro目錄下的post.swig文件,定位到<div class="post-meta">標籤下,插入如下代碼:

{% if post.top %}
    <i class="fa fa-thumb-tack"></i>
    <font color=green>置頂</font>
    <span class="post-meta-divider">|</span>
{% endif %}

效果請點擊我的博客訪問

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章