CSDN博客的MarkDown编辑器实现页内跳转之方法二

一、前言

    笔者之前探讨出一个在CSDN博客的MarkDown编辑器实现页内跳转的方法（请参考：CSDN博客的MarkDown编辑器实现页内跳转），但是这个方法有个缺点就是必须在文章前面添加 [toc] 生成目录，删除了目录肯能会造成无法跳转，对于篇幅较长且章节较多的文字，也不够美观。经过笔者不断的探讨，发现了一个更为简单有效的方法。

二、如何实现

    这种方法实现非常的简单，同样采用定义链接的方式，使用 [这里是显示的文字](这里是链接) 语法，秘密就在链接部分。页面内的跳转，直接以 # 符号开头，紧接着跟随标题编号，标题编号以小写字母 t 开头，索引从 0 开始，从文章开头第一个标题索引为 0，往下递增，不分标题层级。例如：t3 为从文章开头往下数第四个标题（不分标题层级）。以下就是 效果测试 中的示例代码。

温馨提示：页面跳转问题解决了，很多人肯定会问，假如我想跳转到外部文章的指定章节内容，如何实现呢？这也非常简单，在链接部分 # 符号之前拼接上外部文章的详情链接即可（仅限 CSDN 博客文章，外部文章没试过，不是 MarkDown 编辑器写的也没试过，要是不行请勿吐槽，MarkDown 这么强大好用的东西，为啥不用？大家说是不是？）

[回到前言](#t0)
[回到如何实现](#t1)
[跳转到《CSDN博客的MarkDown编辑器实现页内跳转》一文中的终极测试](https://blog.csdn.net/yingaizhu/article/details/105836521#t4)

三、优缺点

    这种方法的的优缺点都很明显，

• 优点
  • 方便快捷，不用在文章开头添加目录语法，动动手指头数一下就可以。
• 缺点
  • 如果在文章中间插入了章节，那么就要将所有的跳转索引都改一遍，如果是长篇幅文章，那可是很崩溃的。
  • 在编辑器中无法测试跳转，必须在查看文章页面（也就是文章详情，或者草稿详情页，非编辑状态）才能验证跳转效果。
  • 只能支持到三级目录，如果目录级别高于三级的无法跳转。

四、效果测试

回到前言
回到如何实现
跳转到《CSDN博客的MarkDown编辑器实现页内跳转》一文中的终极测试