Skip to main content

Posts

Showing posts from July, 2015

Blogspot TOC Stackedit

Stackedit TOC 命令改良 Stackedit TOC 命令 Stackedit TOC 命令Stackedit 生成文章目录的方法很简单,从分级标题得到 TOC 只需要输入以下 markdown 命令:[toc]不过,Stackedit 在 Blogspot 中的 TOC 却生成多重套嵌编号,HTML 下看它的编码是这样的:<div class="toc"><div class="toc"> <ul> <li><ul> <li>...</li> <li>...</li> </ul> </li> </ul> </div> </div>这种一层套一层的编号很难看。改良 Stackedit TOC 命令分析过 Stackedit 导出的 HTML 文件,发现手动生成目录命令同样得到简洁的 TOC,只需要键入以下命令:[目录1](#tag1) [目录2](#tag2)别忘了在 H2 标题前加入<spanid="tagname"/>

两种 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 方法。


TOP