关于博客中使用的脚注功能

💡 TIP

记录一下博客中脚注配置的相关内容

📝 NOTE

1. 打开 hexo 官方插件页面 Plugins
2. 搜索 footnotes 并安装 hexo-reference

npm install hexo-reference --save

配置根目录 _config.yml 文件，新增一下内容：

plugins:
  - hexo-reference

参考文档

Hexo 里的脚注插件

—— 摘自 hexo 增加脚注功能 | Toypipi’s blog

¶修改footnote脚注样式

由于笔者实在是不太喜欢hexo-reference提供的红色的footnote然后鉴于笔者是使用插件渲染footnote的，所以笔者就准备对插件的代码做一下改造：

1. 我们先进入博客根目录下的/node_modules/hexo-reference

   没错，笔者准备对这个插件进行修改

2. 然后查看文件index.js

   不出意外的话这个一般是插件的入口文件

   我们看到这个文件前有一段js引用：

   var renderFootnotes = require('./src/footnotes');

   没错，笔者在看完其后代码之后认为核心渲染程序应该在

   ./src/footnotes

3. 然后我们找到这个文件，即插件根目录下的/src/footnotes.js文件，笔者打开了它并把hint--error给删了

4. 然后就好了

其实笔者在记录过程是一边做一边写的，所幸笔者猜对了

Oops! 笔者在阅读代码的时候发现这个插件好像依赖插件markdown-it

---

(完)