前言
【杏仁】写在前面的话
有缘人：
您好！
首先，请原谅我把模块化思维用到写文章上，前言部分独立抽离出来写了篇文章，这样【杏仁】系列的文章就可以重复引用了。
偷懒，始终是程序员最棒的优点。
偷懒，是一门很高深的艺术，很容易误入歧途，请君三思而行！
当我走出考场
回头看到你们还在奋笔疾书
我也就宽心了
明年我一定坚持到最后
考完语文了
文思泉涌的我
决定再写一篇简书
放开我...
我不要吃药，我要写作文...
——杏仁奶昔随笔
正文
1.失效的a标签锚点法
为什么会写这篇文章呢？！
因为用简书Markdown编辑第一篇技术文章《【杏仁】零基础之OSS搭建个人静态网站》 时发现，用简友的教程《[Markdown]页面添加锚点,跳到本页指定位置》，在目录设置锚点，无法跳转到文章对应内容。
这个教程是a标签跳转法，在HTML里面，通过一个a标签的href跳转到另一个a标签的位置。像这样：
<a href="#xr1">一、目录标题</a>
<a name="#xr1">一、正文标题</a>
注：该方法已失效，2016年以前是可以使用的
的确，在HTML里面这样设置是没有问题的，但是在简书里，网页类标签都被转换成文本直接输出到页面了，查看源码可以看到，我们输入的<a></a>，变成了"<a></a>"，甚至评论里提到的<font></font>标签锚点法都是一样不行的，不，准确点说，是任何网页标签，都被当成了文本的形式输出了。
结论很无奈，改版后的简书Markdown编辑器，似乎一切通过输入网页标签设置锚点的方法都是不行的。
怎么办呢？对于一些长文章，没有锚点，让读者看得真心累！幸运的是，从这篇文章里受到了启发《简书 Markdown 语法详解》，脚注是带ID的！那么就能实现跳转指定位置的功能了！哈哈哈，真是多亏了喜欢看源码的习惯，程序员得天独厚的优势。
2.另类的脚注锚点法
首先我们来看看脚注的语法
#一、正文标题[^xr1]
[^xr1]:这里是对脚注1的描述
#二、正文标题[^xr2]
[^xr2]:这里是对脚注2的描述
#三、正文标题[^xr3]
[^xr3]:这里是对脚注3的描述
具体效果是这样的
一、正文标题[1]
二、正文标题[2]
三、正文标题[3]
看到效果了吧？末尾带了个[1]的蓝色标记，描述部分无论写在哪，都会被输出到文章最后面，而且这个锚点ID是固定的，fnref1就是锚点的ID，同理，当你添加多个脚注时，会自动分配到fnref2、fnref3。有了ID，我们只需要点击发布文章，把文章的地址复制到目录，制作成锚点目录即可！像这样：
目录
#目录
>[一、正文标题](https://www.jianshu.com/p/b3dc9ca82dc2#fnref1)
>[二、正文标题](https://www.jianshu.com/p/b3dc9ca82dc2#fnref2)
>[三、正文标题](https://www.jianshu.com/p/b3dc9ca82dc2#fnref3)
不足：
1.点击目录锚点，虽然会定位到对应标题的位置，但是这种方法是打开新的页面后定位。
2.文章最后会带有脚注的描述。
后记：好吧！无论如何，总算是有东西替代失效的<a></a>标签锚点法。实现简书文章的内容定位，想要根本解决这个问题，还需要简书官方给出锚点的使用方式。
作者 @杏仁奶昔
2018 年 06月 07日
网友评论