博客添加了脚标功能！

这是一篇用来测试脚标功能的测试贴。今天想给博客整个脚标参考文献功能，搜索一番发现并没有合适的包。于是花了一下午时间，基于 hexo-reference^[1] 重写了下，修复了一些 Bug。然后主要是把解析器改成了博客正在用的 marked（原包使用的 markdown-it ），以及把原来的 Hint.css 改为更加好看的 Tippy.js^[2]。

功能测试

Markdown 原文

渲染结果

1. 基本脚注^[3]，点击可以跳转到相应的参考文献。
2. 这是行内脚标^[4]，行内脚标支持 Markdown。
3. 这是个带图片的脚标^[5]

渲染结果就是上面这样子啦！桌面端鼠标放在上标上会有内容弹窗^[6]，触屏设备则需要按住不动 0.5 秒，该行为可以在 Tippy.js 中设置^[7]。

TODO

• 有时间打包成插件公开出来；
• 定位不准的问题；
• 定位后高亮提示;
• a 链接与 touch 操作矛盾；
• 引用自动编号功能；
• 同一文献多处引用的功能；

---

Reference

[1]hexo-reference 仓库 ↩

[2]Tippy.js 官网↩

[3] 基本脚注。↩

[4]行内 参考 文献 ↩

[5] 图片脚标
↩

[6]内容弹窗
↩

[7]Tippy.js > All Props > touch↩