markdown笔记实现页内目录跳转

时间:2023-03-08 16:19:57

方法一

使用Markdown的语法来增加跳转链接:[名称](#id)。
1. 只要()内 #号 后面的内容和锚点处标签内的id对应即可,可以任意使用标签支持html语法
2. id不可以有括号和空格,否则没有效果

[点击跳转到标题一](#jump)

<span id="jump">此处是锚点:标题一</span>

方法二

使用HTML语法来增加跳转链接:<a href="#id">名称</a>
1. 只要标签内 href=的值 后面的内容和锚点处标签内的id对应即可,跳转处只能使用a标签,锚点任意
2. id不可以有括号和空格,否则没有效果
3. github和gitlab网页内不支持此种方式
<a href="#lable">点击跳转到标题二</a>
<span id="lable">标题二</span>

方法三

1. VScode编辑器扩展搜索栏搜索Markdown TOC
2. 然后在需要生成目录的地方鼠标右键选择刚才安装的扩展功能,Markdown TOC:Insert/Update。
3. 文档生成目录树,只需要在文档中增加[TOC],目录树就会根据文档中的h1~h6标题自动生成了。