2017年5月7日星期日

blogger中便捷实用的文章目录TOC小工具

这两天又对博客进行了优化。

主要变化

包括去除了一些功能,比如去除了导航栏浮动,以及在浮动导航栏最右侧增加top功能。去除了侧边栏树状标签功能,改为官方自带的标签功能。去掉了侧边中最新评论功能。这些都是参考WFUBLOG博客中的技术,删除后希望对博客加载更有利。

新增功能

今天增加了一个小工具:文章目录TOC自动生成。之前我自己摸索了一种方法(请点击参看),大家如果有兴趣了解后,就知道我的那种方法,须要借助第三方网站功能(stackedit.io)生成带目录的源代码,为了使文章目录美观,还需要对生成的目录部分代码进行增删修改,这样步骤比较多。

后来,在逛网络时,发现这个网站中介绍的目录生成方法很好,一次设置好,只需在文章编辑时设置<H>标签定义标题层次,它就可以自动生成美观的(多级)文章目录。

具体方法请见:Create Table Of Contents (TOC) With Multi-level List In JavaScript

设置后的效果

当然本文内容简短,是没有必要设置目录的,为了直观,便画蛇添足一下。
另外,可以看「这篇文章」的效果,下面图片:

0 评论:

发表评论

请留下你宝贵的评论。