Typora、CSDN和GitHub的页内跳转

Typora的页内跳转

1. 跳转的位置是标题（前面含有“#”）：

   ### 三级标题
   
   [点我跳转到三级标题](#三级标题)
   

   优点：这种方法与创建链接的方法非常相似，区别是链接（“()“里的内容）由”#+标题名字“组成，简单易用。

   缺点：跳转到的位置只能是标题，不能跳到文段中，存在据线性。

   效果：

   三级标题

   点我跳转到三级标题

2. 跳转到任意位置：

   <a name="anchor1"></a>跳转到这里
   
   [点我跳转](#anchor1)
   

   这是Typora官方提供的方法

   优点：可以跳转到任意位置。

   缺点：形似html代码，且标记不会消失，会一定程度的影响阅读。

   效果：

   跳转到这里

   点我跳转

CSDN的页内跳转

  将上面这两种方法复制到CSDN的markdown编辑器，发现都没有作用，经过上网查找、总结，我终于发现了原因。

  网上的教程：

1. <h1 id="titleA_id">titleA</h1>
   
   [点我跳转](#titleA_id)
   

   效果：

   titleA

点我跳转

2. <div id="titleB_id">titleB</div>
   
   [点我跳转](#titleB_id)
   

   效果：

   titleB

   点我跳转

3. <a id="titleB_id">titleB</a>
   
   [点我跳转](#titleB_id)
   

   效果：

   titleB

   点我跳转

  直到看到最后一个代码，我才发现这与Typora页内跳转的方法二是差不多的，唯一的区别是Typora中属性是”name“，而CSDN中是”id“。这是因为CSDN在网页上显示，其只支持html的跳转语法，而Typora虽然支持html语言，但是其进行了改版。

  正是这个原因，你会发现很多CSDN的文章都含有页内跳转功能（字变成蓝色），但是你在APP中是无法实现页内跳转这一功能的，因为它依赖的是浏览器的功能。如果CSDN想要推广自己的APP的话，最好向标准的markdown靠拢吧。

GitHub的页内跳转

  测试证明，以上的所有方法GitHub均支持！

CSDN目录的页内跳转

来源：csdn博客文章头部自动生成目录