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

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

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

以上,希望有帮助。


相关文章
|
6月前
|
人工智能 数据挖掘 数据安全/隐私保护
【程序人生】公众号往期回顾如何设置
本文介绍了如何设置微信公众号的往期回顾功能,包括登录公众平台,进入素材管理,创建图文消息,编辑标题、封面和正文,添加往期回顾标签,以及保存和发布。强调了选择合适发布时间、定期更新内容和分析数据以优化策略的重要性。记得在新文章发布时同步推送往期回顾,提升用户对公众号历史内容的了解。
【程序人生】公众号往期回顾如何设置
|
7月前
祝福各位CSDN的小伙伴圣诞快乐
祝福各位CSDN的小伙伴圣诞快乐
|
传感器 物联网 Linux
公众号精选专题汇总
公众号精选专题汇总
101 0
|
Dubbo Java 关系型数据库
往期文章精选
往期文章精选
49 0
|
SQL C# 数据库
C#模仿腾讯QQ源码下载(附效果图)_张童瑶的博客
该源码是C#语言+SQL Server数据库,开发的一套模仿腾讯QQ的功能,可以实现即时聊天,发送抖动窗口,开通会员,充值Qb,后台管理等等众多功能。源代码里面都有大量注释,都是重量级的代码,学习还是不错的。该模仿腾讯QQ源代码仅用于学习使用,不可商业出售。
146 0
关于如何让微信公众号具有留言功能
关于如何让微信公众号具有留言功能
526 0
|
机器学习/深度学习 uml
CSDN发文Markdown语法助手
CSDN发文Markdown语法助手
106 0
CSDN发文Markdown语法助手
|
安全 JavaScript
微信公众号-- 微信分享功能(分享到朋友和朋友圈显示图片和简介)
页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片
15537 0
|
缓存 人工智能 安全
订阅号的使用心得的文章合集来了(持续更新中)
订阅号的使用心得的文章合集来了(持续更新中)
667 0
订阅号的使用心得的文章合集来了(持续更新中)
|
前端开发
【全网最全的博客美化系列教程】02.添加QQ交谈链接
全网最全的博客美化系列教程相关文章目录 【全网最全的博客美化系列教程】01.添加Github项目链接 【全网最全的博客美化系列教程】02.添加QQ交谈链接 【全网最全的博客美化系列教程】03.给博客添加一只萌萌哒的小仓鼠 【全网最全的博客美化系列教程】04.
1310 0