前言
Hexo 是一款流行的静态博客框架，借助于许多优秀的插件，可以快速搭建一套完整的静态博客系统。而 hexo-filter-sub 是其中一款插件，它能够让博客文章中的文本转换为下标、上标等特殊文本格式，让文章更加美观。
本篇文章将详细介绍 hexo-filter-sub 的使用方法和示例代码，希望能够帮助各位前端开发者学习和使用这款 npm 包，提升文章排版效果。
安装
首先，我们需要在 Hexo 项目中安装 hexo-filter-sub，可以通过以下命令进行安装：
npm install hexo-filter-sub --save
使用方法
接下来，我们需要在 Hexo 项目的 _config.yml 文件中添加配置，启用 hexo-filter-sub 插件。在该文件中添加以下配置即可：
sub:
enable: true在 Hexo 项目中，我们需要在写作文章的 Markdown 文件中添加特定的标识符号，以告诉 hexo-filter-sub 该如何处理这些特殊文本。具体来说，主要有以下几种标识符：
- 下标：使用
{#sub}包裹需要下标的文本 - 上标：使用
{#sup}包裹需要上标的文本 - 删除线：使用
{#del}包裹需要删除的文本 - 注音：使用
{#ruby}包裹需要显示注音的文本
以下是一个配置示例：
这是一个示例{#sub}文本{/sub}，其中包含了一个下标，很{#sup}神{/sup}奇！这段代码将会在 Hexo 生成的 HTML 页面中被转换成下面的 HTML 片段：
<p>这是一个示例<sub>文本</sub>，其中包含了一个下标，很<sup>神</sup>奇！</p>
上面的 HTML 片段中，下标文本将会被包裹在 <sub> 标签中，而上标文本则会被包裹在 <sup> 标签中，以此类推。
示例代码
以下是一个完整的示例代码，展示了 hexo-filter-sub 的使用方式和效果：
-- -------------------- ---- ------- - -------- - ----------- ------------- --------------- ------ -- -- --------------------------------------- ------- ------------- ----------------------- -- -- --------------------------------------- -- - - - --- ------------- ---------------------- - -- -- --- --------------------------- -------------- --------------------------------- -- -- ------------------------------------------- ------------- ------------------------ -- - --------- -- -- ---- --------------- --------------------------------------------- --------------- --------------- - ------------------------------------------------------------------------------ -------- ------------------------------------------------------------------------------------------------------------------------