Hexo 推荐插件整理

Hexo博客框架具有非常强大的插件系统，可为Hexo提供无限可能的功能拓展，只有想不到，没有做不到。

插件安装与卸载

在Hexo网站的目录下，使用npm就可以直接安装：

npm install <插件名> --save

其中，插件名均以“hexo-”开头，Hexo会自动加载有此前缀的插件，而没有该前缀的插件是不会被自动识别的。--save参数告诉npm将插件名记录在网站目录的package.json里，以便于直接使用npm install（不带参数）更新或直接安装。

插件卸载

对应地，使用npm也可以直接卸载：

npm un <插件名> --save

加上--save参数后，存储在package.json中的插件信息也会被移除；如果不加此参数，那么下次使用npm install安装时该插件还会被装上。

Markdown 拓展

Hexo默认的Markdown渲染器hexo-renderer-marked，相比于Typora等Markdown环境，还是有很多欠缺的地方。幸好，有些专门的插件能对症下药解决问题。

hexo-reference

添加引文支持。

引文格式为：假设a为整数，正文适当部分插入[^a]，然后在文章结尾插入[^a]: 引文内容。

项目地址：https://github.com/kchen0x/hexo-reference

hexo-toc

添加目录支持。

只要插入占位符[TOC]，就可以生成目录。

项目地址：https://github.com/bubkoo/hexo-toc

hexo-math

添加 MathJax 支持，可在文章中插入 LaTeX 与 KaTeX公式。

用法有：

1. 内联：

Simple inline $a = b + c$.

2. 公式块：

$$\frac{\partial u}{\partial t}
= h^2 \left( \frac{\partial^2 u}{\partial x^2} +
\frac{\partial^2 u}{\partial y^2} +
\frac{\partial^2 u}{\partial z^2}\right)$$

3. 模板：

①内联用法：

This equation {% math %}\cos 2\theta = \cos^2 \theta - \sin^2 \theta =  2 \cos^2 \theta - 1 {% endmath %} is inline.

②公式块用法：

{% math %}
\begin{aligned}
\dot{x} & = \sigma(y-x) \\
\dot{y} & = \rho x - y - xz \\
\dot{z} & = -\beta z + xy
\end{aligned}
{% endmath %}

项目地址：https://github.com/hexojs/hexo-math

---

增强标签

增强标签能够在文章中插入各种自定义的内容，实现对Hexo的扩展。

hexo-tag-bilibili

插入哔哩哔哩视频。用法：

{% bilibili [av_id] %}
or
{% bilibili [av_id] [page] %}

项目地址：https://github.com/Z4Tech/hexo-tag-bilibili

hexo-tag-html5

插入HTML5视频。使用前先把需要的视频放置在网站文件夹的source子目录中。

用法：

基本用法：
{% html5video %} {% asset_path <视频路径> %} {% endhtml5video %}

不带参数时，默认宽度为“100%”，默认高度为“250px”，解码器为“video/webm”：
{% html5video %} {% asset_path <视频路径> %} {% endhtml5video %}

以上参数可手工指定以覆盖默认值：
{% html5video '100%' '250px' 'video/mp4' %} {% asset_path <视频路径> %} {% endhtml5video %}

项目地址：https://github.com/stephenmkbrady/hexo-tag-html5

hexo-tag-hint

插入悬停提示（hint）。用法：

{% hint 'body_text' 'hint_text' %}

项目地址：https://github.com/etigerstudio/hexo-tag-hint

赏

谢谢你请我吃糖果

支付宝

微信

• 本文作者： 爱拼安小匠
• 本文链接： https://anclark.github.io/2019/03/28/Hexo/推荐插件整理/
• 版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-ND 3.0（署名-非商用-禁止演绎 3.0） 许可协议。转载请注明出处！