CSDN博客的MarkDown编辑器实现页内跳转

一、前言

    之前我在博客上发布过关于 MarkDown 上实现页内跳转的文章(参考:Markdown实用语法之实现页面内跳转),当时主要是基于 小书匠 编辑器的,有些网友反馈在CSDN中不起作用。经过一番的努力,终于找到了在CSDN博客的MarkDown编辑器上实现页内跳转的方法,废话不多说,直接开入正题。

二、实现方法

    其实CSDN的 MarkDown 编辑器,添加标题之后,会生成一个标题编号,可以通过这个标题编号实现跳转。MarkDown 的页面跳转使用链接的方式实现,只不过,链接部分是#标题编号定义,如下:

[链接文字](#标题编号)

2.1 如何获取标题编号

    CSDN的 MarkDown 编辑器的标题编号是自动生成的,我们也无法直接看到,但是是有方法可以获取的。在编辑器中使用[toc]生成目录,在预览区目录中,在对应标题处右键->复制链接地址,你就可以得到一串链接地址,链接地址类似于:https://editor.csdn.net/md?articleId=105836521#21__10,这个是编辑器里的地址,取 # 号后面的就是标题编号了,将标题编号放入 MarkDown 的链接中即可。

示例:

[回到前言](#_2)

效果:
回到前言

    有小朋友肯定又会问了,如果我不想在文章中显示目录怎么办?其实,标题编号并不随目录而定,而是随标题本身而定的,所以,将 [toc] 删除,并不会影响跳转。

2.2 注意事项

    这个方法需要注意的是,如果在之前编辑好的内容中插入其他标题,包括添加 [toc] ,需要检查一下链接的标题编号是否有改变(其实标题编号生成也是有一定规则的,如果在文章末尾添加,不会影响签名的标题编号),如果有改变,需要替换,否则将会出现无法跳转或者跳转错误。

三、终极测试

回到前言
回到实现方法
2.1 如何获取标题编号

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章