Skip to content

给 Astro 增加 TOC 功能

发布于: at 02:28

如何写 TOC

举个例子:

## 内容目录

* [目标和范围](#目标和范围)
* [RSS](#rss)
* [Feed](#feed)
* [Feed 阅读器](#feed-阅读器)
* [「最」好用的 Feed 阅读器](#最好用的-feed-阅读器)
* [所以,什么是 RSS 和 Feed](#所以什么是-rss-和-feed)
* [Vivaldi 推广](#vivaldi-推广)
* [更深度的](#更深度的)
* [反商业 or 智慧](#反商业-or-智慧)
* [娱乐 or 主题学习](#娱乐-or-主题学习)
* [脚注](#脚注)

需要注意的是:

  1. 将字母大写转化为小写(为兼容大小写敏感的服务器)
  2. 将空格转为-
  3. 去掉标点符号

更进一步

但这种实现方式,还有改进之处:

  1. 常见的是,在大屏视图悬挂在页面右侧,在移动设备折叠起来排在正文上方。
  2. 当阅读到相应的位置时,高亮所处标题,提供指示。
  3. 更进一步,更细腻地实时显示进展,增加趣味性。

需求 vs 镀金

自带 TOC 支持是实现需求,实现高级 TOC 是“镀金”。

产品满足基本需求,就做到了罗永浩说的“又不是不能用”,若要求满足镀金需求,则需要额外付费。

就好比很少看见独自吃饭的人,去到外表奢华但菜品平淡的场所,自己吃饭,不是宴请,不是表演,满足吃的健康安全、口感好的需求即可。

没有收费的高级功能不可持续,在长期主义视角中,不可持续等于没有。