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 标题前加入 < span id = "tagname" />

两种 Blogspot 文章目录 TOC 方法

TOC (页面目录)用在内容布局有两个好处:引导读者掌握页面内容结构,和 SEO。 TOC 方法一:Stackedit TOC 方法一:Stackedit Stackedit 最大的优点是使用 Markdown 轻语言撰写 Blogger,TOC 只是它的其中一项功能。使用的时候,在文首加入命令 [toc] 命令,生成的 Blogspot 文章自动通过 Stackedit 生成文章目录。 不过,Stackedit 一直得到样式奇怪的文章目录项目编号,编号在水平位置出现两个。我编辑 CSS 从未改变过这个结果。 TOC 方法二:Codebit Javascript TOC 方法二:Codebit Javascript Codebit Javascript 原本用以自动生成 Blogspot 脚注, 《簡單的Blogger自動註腳》 一文详细地介绍了代码的用法和设置。 按照这位博主的应用,Codebit 的步骤为:一、定义正文区块(DIV),二、定义脚注区块,三、在 Javascript 中写入正文区块和脚注区块的名称。 这种做法比 Stackedit 生成脚注或参考的方法稍微复杂一点。不过,把 Codebit 脚注的命令变更一下,脚注区块 FootnoteHolder 不是放在文章末尾而是改在出现文章开始之前,这就是很好的 TOC 应用效果。如果想找证据,本文一开始处有能看到效果演示。 编程随想的博客 有他自己写的文章目录功能,不过方法和代码却没有公布在网上,这是第三种 TOC 方法。
TOP