博客文章目录生成器
粘贴文章的 HTML(例如 WordPress 编辑器的代码模式)。目录和带 id 的 HTML 会立即生成。
使用方法几秒生成可点击目录
广告
博客文章目录生成器: 用途
粘贴文章的 HTML(例如 WordPress 代码编辑器里的内容),即可得到带各章节链接的目录。工具会读取 h2、h3 标题(需要时也包括 h4),保留已有的 id,并根据标题文字生成缺失的 id,且不会重复。
你会得到两段代码:放在引言之后的目录,以及已给标题加上 id 的文章。目录可以是折叠区块或固定的方框,可带 1、1.1、1.2 这样的编号,并附带平滑滚动,同时尊重希望减少动态效果的用户设置。
使用方法
- 粘贴文章的 HTML。
- 选择标题层级、样式和编号。
- 复制目录和带 id 的文章。
使用场景
- 长篇博客文章。
- 指南和教程。
- 常见问题页面。
常见问题
目录对谷歌搜索有帮助吗?
可能有帮助。标题带有锚点后,谷歌有时会在搜索结果下方显示各章节的链接,读者可直接跳到想看的部分。在长文中,目录也能让人一开始就看出文章能解答他的疑问。
如果标题已经有 id 怎么办?
工具会保留已有的 id,只为缺失的标题生成 id,规则是取标题文字并用连字符连接。如果两个标题生成了相同的 id,第二个会在末尾加上 -2。
目录应该放在哪里?
放在引言之后、第一个 h2 之前。如果目录很长,请使用折叠区块(details),避免在手机上把正文挤到下面。
真的免费吗?
是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。