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

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

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

主要变化

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

新增功能

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

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

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

设置后的效果

当然本文内容简短,是没有必要设置目录的,为了直观,便画蛇添足一下。

COMMENTS

Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content