Skip to main content

两种 Blogspot 文章目录 TOC 方法


TOC (页面目录)用在内容布局有两个好处:引导读者掌握页面内容结构,和 SEO。

TOC 方法一:StackeditTOC 方法一:Stackedit


Stackedit 最大的优点是使用 Markdown 轻语言撰写 Blogger,TOC 只是它的其中一项功能。使用的时候,在文首加入命令 [toc]命令,生成的 Blogspot 文章自动通过 Stackedit 生成文章目录。

不过,Stackedit 一直得到样式奇怪的文章目录项目编号,编号在水平位置出现两个。我编辑 CSS 从未改变过这个结果。

TOC 方法二:Codebit JavascriptTOC 方法二:Codebit Javascript


Codebit Javascript 原本用以自动生成 Blogspot 脚注,《簡單的Blogger自動註腳》一文详细地介绍了代码的用法和设置。

按照这位博主的应用,Codebit 的步骤为:一、定义正文区块(DIV),二、定义脚注区块,三、在 Javascript 中写入正文区块和脚注区块的名称。

这种做法比 Stackedit 生成脚注或参考的方法稍微复杂一点。不过,把 Codebit 脚注的命令变更一下,脚注区块 FootnoteHolder 不是放在文章末尾而是改在出现文章开始之前,这就是很好的 TOC 应用效果。如果想找证据,本文一开始处有能看到效果演示。

编程随想的博客有他自己写的文章目录功能,不过方法和代码却没有公布在网上,这是第三种 TOC 方法。


Comments

TOP