ZH
PortuguêsEnglishEspañolDeutschFrançaisItaliano日本語Русский中文
首页 收藏
Voltar

博客文章目录生成器

粘贴文章的 HTML(例如 WordPress 编辑器的代码模式)。目录和带 id 的 HTML 会立即生成。

使用方法

几秒生成可点击目录

可用语言: PortuguêsEspañolEnglishDeutschFrançaisItaliano日本語Русский中文

下一个工具HTML 表格生成器→
广告

博客文章目录生成器: 用途

粘贴文章的 HTML(例如 WordPress 代码编辑器里的内容),即可得到带各章节链接的目录。工具会读取 h2、h3 标题(需要时也包括 h4),保留已有的 id,并根据标题文字生成缺失的 id,且不会重复。

你会得到两段代码:放在引言之后的目录,以及已给标题加上 id 的文章。目录可以是折叠区块或固定的方框,可带 1、1.1、1.2 这样的编号,并附带平滑滚动,同时尊重希望减少动态效果的用户设置。

使用方法

  1. 粘贴文章的 HTML。
  2. 选择标题层级、样式和编号。
  3. 复制目录和带 id 的文章。

使用场景

  • 长篇博客文章。
  • 指南和教程。
  • 常见问题页面。

常见问题

目录对谷歌搜索有帮助吗?

可能有帮助。标题带有锚点后,谷歌有时会在搜索结果下方显示各章节的链接,读者可直接跳到想看的部分。在长文中,目录也能让人一开始就看出文章能解答他的疑问。

如果标题已经有 id 怎么办?

工具会保留已有的 id,只为缺失的标题生成 id,规则是取标题文字并用连字符连接。如果两个标题生成了相同的 id,第二个会在末尾加上 -2。

目录应该放在哪里?

放在引言之后、第一个 h2 之前。如果目录很长,请使用折叠区块(details),避免在手机上把正文挤到下面。

真的免费吗?

是的,100%免费。无需注册,无需订阅,不限使用次数。所有工具:Tools123是免费的。

相似工具

非常感谢您的支持!

每一笔捐赠都有助于维持网站运行。这些工具旨在帮助您,但我们有服务器开销。如果您愿意支持,将不胜感激!请选择或输入金额:

通过Stripe安全支付。将在新标签页打开。

工具按现状提供,不作任何保证。我们不对结果及其使用承担责任。