markdown 锚点_如何实现MARKDOWN网页内跳转？

■ 前言

---

在以下几种情况下，需要能够在网页内快速定位跳转：

• 如果网页实在是太长了，后面和前面的叙述需要相互引用，实现网页内跳转可以便于阅读和查看。
• 如果通过链接跳转到另外的长网页，也希望能够快速定位到相关内容，则需要提供在链接网页中跳转的方式。

JohnTsai在他的博文 MarkDown技巧：实现网页内跳转[1] 中给出了两种使用MARKDOWN编辑器来获得网页内的跳转方式。下面基于他介绍的方法，来给出网页内跳转实现方法。

01网页内跳转

---

1.基本HTML标签实现方式

这个方式是由John Tsai给出的，分成两步：

1. 定义一个锚(id)： 跳转到的地方
2. 使用markdown语法： **点击跳转**[](#jump "点击跳转")

2.使用csdnnote命令

方法1： 选中CSDN markdown编辑器的一段文字，然后在使用csdnnote命令，输入： #： 直接将选中的文字转换成HTML的跳转语句，并将锚(空锚)放置在剪切板上，在后面粘贴到需要跳转的地方。 #* ：将选中的问题转换成加粗跳转语句，其它的与前面相同。

方法2: 不选中任何CSDN markdown中的问题，直接运行输入： #提示文字：将提示文字转换成HTML跳转语句，并粘贴在CSDN当前位置，生成锚拷贝到剪切板，以备后面粘贴到合适的地方。 #*提示文字：与前面相同，只是将提示文字加粗。

如果前面的提示文字是空，则只在当前位置粘贴锚。

###锚字符： 在当前位置粘贴锚，文字是锚文字.

02转移到另外网页内的跳转

---

实现跳转到另外网页内的特点位置，只是在传统的MARKDOWN的链接格式中，在URL字符串后面增加：#锚文字，即可。 比如下面示例中的情况。(可以点击右侧字符测试一下： 跳转到另外网页内部锚位置[2] )

• ounter(line

 **跳转到另外网页内部锚位置**[3]

※ 小结

---

采用MARKDOWN编辑文档内部，利用HTML锚标示设定的方式，可以实现网页内，网页外的锚点之间的跳转。这就大大方便对于网页内容引用的精确性。

对于其它网页的应用，必须知道其它网页内的锚的位置。如果其它网页是由你自己MARKDOWN编辑的，这个位置是已知的。但对于别人的网页如何定义出其中的锚的标示，则还需要进一步的探究和实验。

使用PYTHON命令中的csdnnote可以大大提高设定锚和跳转的操作。

对于csdnnote其它功能，比如如何在MARKDOWN内部设定 注释 ， 注解 。请参照以下csdnnote的源程序来使用。

*[注释]: 注释是直接使用鼠标弹出对应的届时文字 *[注解]: 注解是在文章之后给出的解释文字

参考资料

[1]

MarkDown技巧：实现网页内跳转: https://www.cnblogs.com/JohnTsai/p/4027229.html#jump

[2]

跳转到另外网页内部锚位置: https://zhuoqing.blog.csdn.net/article/details/107294049#1234