处理使用Markdown创建的帖子中的锚点

支持
2

你好，欢迎！

这是来自 kramdown 还是 PHP Markdown Extra 的语法？

Discourse 依赖于 MarkdownIt，它基于 CommonMark 规范。它不支持指定标题 ID。

他们似乎曾经讨论过这个问题：https://talk.commonmark.org/t/anchors-in-markdown/247，但我没有看到任何明确的结论。

但是，Discourse 会自动生成锚点。
你可以在这里看到：

基本上，你可以预期这些 ID：

  • h-{headingId} （没有帖子 ID，没有 slug）
  • h-{slug}-{headingId} （没有帖子 ID）
  • p-{postId}-h-{headingId} （有帖子 ID，没有 slug）
  • p-{postId}-h-{slug}-{headingId} （有帖子 ID，有 slug）

例如：

The image displays a detailed interface of an online IDE, showcasing HTML code syntax with highlighted elements, including an anchor tag, the anchor tag's associated values, a CSS flex property, and semantically relevant code structures. (Captioned by AI)
The image displays a detailed interface of an online IDE, showcasing HTML code syntax with highlighted elements, including an anchor tag, the anchor tag's associated values, a CSS flex property, and semantically relevant code structures. (Captioned by AI)865×308 23.1 KB

如果你愿意，仍然可以用 HTML 手动创建一个锚点，例如：<a>

The image shows a web browser window with a "Header" text box open, containing HTML code: "<<" followed by the '<a name="test">Header</a>'. (Captioned by AI)
The image shows a web browser window with a "Header" text box open, containing HTML code: "<<" followed by the '<a name="test">Header</a>'. (Captioned by AI)708×156 6.87 KB

The image displays HTML code that creates an anchor tag linked to "header-1" with attributes "name" and "href" set to "p-704-a-nametestestast Header" and "test," respectively, indicating a webpage navigation interface relating to performance monitoring. (Captioned by AI)
The image displays HTML code that creates an anchor tag linked to "header-1" with attributes "name" and "href" set to "p-704-a-nametestestast Header" and "test," respectively, indicating a webpage navigation interface relating to performance monitoring. (Captioned by AI)801×190 16.3 KB

附加资源 –
如果你需要生成目录，可以使用这个组件：

5 个赞