纯 CSS 实现 Boost 自动折叠展开功能

2026-04-11 08:110阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐
问题描述:

感觉 Boost 很多时,会分散注意力,影响阅读。
于是写了一个样式,实现 Boost 自动折叠/展开功能。
默认只显示两个 Boost,鼠标移到上面时,显示全部内容。

声明:本样式不会影响任何功能,隐藏任何内容。

建议使用 Stylus 安装,也可以用油猴脚本管理器安装。
有问题,欢迎随时反馈。

安装链接: Discourse - Collapse Boosts

SCR-20260407-tlvj591×231 15.7 KB

折叠后效果:

SCR-20260407-lzca381×123 6.36 KB

鼠标移到上面时:
SCR-20260407-lzgc802×305 95.2 KB

网友解答:
--【壹】--:

可以可以,总算有折叠的了,明天试试看你的


--【贰】--:

这个是纯 CSS 实现,不会增加任何请求,对服务器不会有影响。
也没有完全隐藏,还原始皇加的功能。
支持折叠一下,还可以展开。


--【叁】--:

是的。有的回复的 boost 想跳过,有的想看。都可以方便控制。


--【肆】--:

好家伙,更新了新功能上来更多脚本还原新功能,服务器上了压力,也没实际解决问题。要不回撤吧


--【伍】--:

感谢。没想到 CSS 还能实现计数器功能,学到了。

回头我更新发布一下。


--【陆】--:

感谢楼主分享,很棒的折叠实现方案!
我基于这个脚本稍微修改了下,支持在 boosts 后添加一个计数器,显示隐藏的 boosts 数量。

阅读全文
问题描述:

感觉 Boost 很多时,会分散注意力,影响阅读。
于是写了一个样式,实现 Boost 自动折叠/展开功能。
默认只显示两个 Boost,鼠标移到上面时,显示全部内容。

声明:本样式不会影响任何功能,隐藏任何内容。

建议使用 Stylus 安装,也可以用油猴脚本管理器安装。
有问题,欢迎随时反馈。

安装链接: Discourse - Collapse Boosts

SCR-20260407-tlvj591×231 15.7 KB

折叠后效果:

SCR-20260407-lzca381×123 6.36 KB

鼠标移到上面时:
SCR-20260407-lzgc802×305 95.2 KB

网友解答:
--【壹】--:

可以可以,总算有折叠的了,明天试试看你的


--【贰】--:

这个是纯 CSS 实现,不会增加任何请求,对服务器不会有影响。
也没有完全隐藏,还原始皇加的功能。
支持折叠一下,还可以展开。


--【叁】--:

是的。有的回复的 boost 想跳过,有的想看。都可以方便控制。


--【肆】--:

好家伙,更新了新功能上来更多脚本还原新功能,服务器上了压力,也没实际解决问题。要不回撤吧


--【伍】--:

感谢。没想到 CSS 还能实现计数器功能,学到了。

回头我更新发布一下。


--【陆】--:

感谢楼主分享,很棒的折叠实现方案!
我基于这个脚本稍微修改了下,支持在 boosts 后添加一个计数器,显示隐藏的 boosts 数量。

阅读全文