标题ID
许多Markdown处理器支持标题的自定义ID - 一些Markdown处理器会自动添加它们。添加自定义ID允许您直接链接到标题并使用CSS对其进行修改。要添加自定义标题ID,请在与标题相同的行上用大括号括起该自定义ID。
1 | ### My Great Heading {#custom-id} |
HTML看起来像这样:
1 | <h3 id="custom-id">My Great Heading</h3> |
#链接到标题ID (#headid)
通过创建带有数字符号(#
)和自定义标题ID的标准链接,可以链接到文件中具有自定义ID的标题。
Markdown | HTML | 预览效果 |
---|---|---|
[Heading IDs](#heading-ids) |
<a href="#heading-ids">Heading IDs</a> |
Heading IDs |
其他网站可以通过将自定义标题ID添加到网页的完整URL(例如[Heading IDs](https://markdown.com.cn/extended-syntax/heading-ids.html#headid)
)来链接到标题。
实践总结:
hexo在处理md文件生成静态文件时,会自动为标题添加ID,所以当自定义标题id后,hexo在执行generate指令时就会出错。
hexo为标题添加的ID就是标题的名称,所以链接到标题ID的处理方法就是([文本](#标题名称)
),测试:
本页内链接到标题ID
链接到其他页面的Markdown脚注
同名称的标题系统如何赋ID?第一个标题的ID是#标题名称
,第二个标题的ID是#标题名称-1
,第三个标题的ID是标题名称-2
,以此类推。
第一个标题
这是标题
第二个标题
这是标题
第三个标题