公众号有精选,博客也得有置顶🤪

简介: 公众号有精选,博客也得有置顶🤪

Hello 各位好,我是小豪。留意过公众号「历史消息」页面的朋友,想必会在不少公众号看到下图的「作者精选」模块,它有点像是置顶🔝功能,可以让作者或运营者把最想让用户看到的内容排在所有文章的最前面。目前这个模块最多只支持置顶 2 篇文章,数量多了也不好,会让设计出来的精选失去了意义——要先把别的文章设为精选,就必须先取消掉原有的精选(在「订阅号助手」App 中操作)。

5ffb480d8fb65c978cecf2465eba15e6_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

因为公众号的这个精选功能,我就联想到:为啥我不给自己的个人博客也整一个呢?说来就来,下图就是我的 Hexo 博客添加了「文章置顶」功能后的效果,我选取了其中 2 篇用作测试:

6e975c0a5afbfd11c73f1f534667c549_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg

给 Hexo 博客添加「文章置顶」功能也非常简单,当然需要说明的是,不同的 Hexo 主题添加或配置这个功能的方法,存在着细微的差异。以我在用的 Hexo Fluid 主题为例,官方提供的「配置指南」也提供了详细的说明:安装版本号 >= 2.0.0 的 hexo-generator-index 插件,并在文章开头的 Front-matter 中额外增加一个 sticky 属性,就能将文章置顶啦。1342ee36392712fe0fddc7a2268bfc66_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpgHexo Fluid 主题配置指南:
https://hexo.fluid-dev.com/docs/guide/#%E6%96%87%E7%AB%A0%E6%8E%92%E5%BA%8F
我跟着配置指南的提示,分别给两篇文章添加了 sticky 属性,两个值分别为 100 和 99,数字大的文章会排在数字小的文章上方,效果就如前面你所看到的那样。9d3483d4ce418922245b4d661c45ae78_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpged9bcaff8339ca1523c24a5def01c185_640_wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1.jpg如果你使用的是别的 Hexo 主题,可能要安装另外的插件 hexo-generator-index-pin-top,并配置 top 属性来实现文章的置顶,具体可参考网上的一篇文章:https://blog.51cto.com/u_15477117/4919708

以上,希望有帮助。


相关文章
|
11月前
|
移动开发 前端开发 JavaScript
React 视频播放器组件:Video Player
本文介绍了如何使用 React 和 HTML5 `<video>` 标签构建自定义视频播放器组件。首先,通过创建基础的 React 项目和 VideoPlayer 组件,实现了基本的播放、暂停功能。接着,探讨了常见问题如视频加载失败、控制条样式不一致、性能优化不足及状态管理混乱,并提供了相应的解决方案。最后,总结了构建高效视频播放器的关键要点,帮助开发者应对实际开发中的挑战。
1034 27
|
存储 搜索推荐 测试技术
《C 语言函数指针:解锁灵活编程的强大工具》
《C 语言函数指针:解锁灵活编程的强大工具》介绍了函数指针在 C 语言中的应用,通过实例解析其在程序设计中的灵活性和强大功能,帮助读者掌握高效编程技巧。
|
人工智能 物联网 Shell
今日 AI 开源|共 12 项|开源的DIY健康追踪项目,基于低成本的智能戒指构建私人的健康监测应用
本文介绍了多个开源项目,涵盖了从量子计算错误纠正到视频生成和编辑的广泛应用领域。这些项目展示了AI技术在不同领域的创新和应用潜力。
902 10
今日 AI 开源|共 12 项|开源的DIY健康追踪项目,基于低成本的智能戒指构建私人的健康监测应用
什么是复数
【10月更文挑战第12天】什么是复数
2505 1
|
SQL 消息中间件 Swift
【一文看懂】Havenask单机模式创建
本次分享内容为Havenask单机模式,由下面3个部分组成(Hape工具介绍、创建单机版Havenask、Hape问题排查),希望可以帮助大家更好了解和使用Havenask。
129060 1
|
定位技术 C++
C++实现俄罗斯方块(附代码)
C++实现俄罗斯方块(附代码)
C++实现俄罗斯方块(附代码)
|
SQL 关系型数据库 MySQL
MySQL数据库——索引(6)-索引使用(覆盖索引与回表查询,前缀索引,单列索引与联合索引 )、索引设计原则、索引总结
MySQL数据库——索引(6)-索引使用(覆盖索引与回表查询,前缀索引,单列索引与联合索引 )、索引设计原则、索引总结
469 1
|
小程序
微信小程序实现“转发给朋友”、“分享到朋友圈”
微信小程序实现“转发给朋友”、“分享到朋友圈”
|
API 开发工具 开发者
钉钉中,userid、unionid和staffId
钉钉中,userid、unionid和staffId
2261 2
|
存储 SQL 关系型数据库
图文结合带你搞懂MySQL日志之General Query Log(通用查询日志)
图文结合带你搞懂MySQL日志之General Query Log(通用查询日志)
1445 0