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

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

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

以上,希望有帮助。


相关文章
|
7月前
|
人工智能 数据挖掘 数据安全/隐私保护
【程序人生】公众号往期回顾如何设置
本文介绍了如何设置微信公众号的往期回顾功能,包括登录公众平台,进入素材管理,创建图文消息,编辑标题、封面和正文,添加往期回顾标签,以及保存和发布。强调了选择合适发布时间、定期更新内容和分析数据以优化策略的重要性。记得在新文章发布时同步推送往期回顾,提升用户对公众号历史内容的了解。
【程序人生】公众号往期回顾如何设置
|
8月前
|
移动开发 前端开发 SEO
自媒体博客Spimes主题 X7.1
spimes主题专为博客、自媒体、资讯类的网站设计开发,自适应兼容手机、平板设备。一款简约新闻自媒体类的 typecho 主题,设计上简约、干净、精致、响应式,后台设置更是强大而且实用的新闻自媒体类主题。
90 2
|
8月前
|
自然语言处理
手把手做一个公众号GPT智能客服(四)公众号自定义菜单
手把手做一个公众号GPT智能客服(四)公众号自定义菜单
49 0
|
传感器 物联网 Linux
公众号精选专题汇总
公众号精选专题汇总
102 0
|
Dubbo Java 关系型数据库
往期文章精选
往期文章精选
53 0
|
SQL C# 数据库
C#模仿腾讯QQ源码下载(附效果图)_张童瑶的博客
该源码是C#语言+SQL Server数据库,开发的一套模仿腾讯QQ的功能,可以实现即时聊天,发送抖动窗口,开通会员,充值Qb,后台管理等等众多功能。源代码里面都有大量注释,都是重量级的代码,学习还是不错的。该模仿腾讯QQ源代码仅用于学习使用,不可商业出售。
157 0
关于如何让微信公众号具有留言功能
关于如何让微信公众号具有留言功能
533 0
|
安全 JavaScript
微信公众号-- 微信分享功能(分享到朋友和朋友圈显示图片和简介)
页面设置一个隐藏的图片,宽高都是300像素,微信就会抓取这张图片做为分享图片
15551 0
|
架构师 定位技术 开发者
地图:qq:留言|学习笔记
快速学习地图:qq:留言。
159 0
|
前端开发
最全的前端相关公众号整理
这里汇集专注前端知识分享的相关公众号,帮助大家了解前端知识发展趋势和业界相关动态。相信所有的公众号连接起来就是互联网的整个前端世界!
386 0
最全的前端相关公众号整理