【Hexo搭建个人博客】(十三)Next主题中添加首页文章置顶功能及置顶图标
发布日期:2021-07-01 02:32:27 浏览次数:2 分类:技术文章

本文共 405 字,大约阅读时间需要 1 分钟。

1. 安装插件

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

如果开启了持续部署和持续集成工具,需要将这两行加到自动构建脚本里,如图:

2. 设置文章置顶

在需要置顶的文章的 Front-matter 中加上top: true即可,比如:

重新生成部署,效果如下,可以看到文章已被置顶:

3. 添加置顶图标

打开 /blog/themes/hexo-theme-next/layout/_macro 目录下的 post.swig 文件,在<div class="post-meta">标签中插入如下代码:

{% if post.top %}    置顶  {% endif %}

重新生成部署,效果如下:

更多精彩文章及资源,请关注我的微信公众号:『mculover666』。

mark

转载地址:https://mculover666.blog.csdn.net/article/details/100622265 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:TencentOS-tiny 正式开源,全网首发评测,带你极速上手体验!
下一篇:四年嵌入式技术沉淀,处女作《STM32CubeMX系列实战教程》诞生

发表评论

最新留言

感谢大佬
[***.8.128.20]2024年05月03日 13时13分45秒