NexT技巧：公式显示+图片点击弹出+浏览量统计

发表于 更新于 分类于 ， Valine：

在处理抽象代数文档的时候，用到了 Hexo 的公式解析器和实现图片点击弹出效果。具体操作如下。

公式显示

Hexo 默认的渲染器不支持公式显示，因此，需要更改渲染器为支持 Latex 语法的公式渲染器。

安装新的渲染器

参考 NexT 的官方文档（link），在 博客的根目录运行如下代码，以卸载原渲染器并安装 pandoc Markdown 渲染器：

1
2
npm uninstall hexo-renderer-marked
npm install hexo-renderer-pandoc

更改 NexT 主题配置文件

渲染器更改后，配置 NexT 的 _config.yml 文件的 math 部分如下：

1
2
mathjax:
  enable: true

文档头部添加声明

最后，在，需要在文档头部声明使用 mathjax:

1
mathjax: true

以上，就可以愉快的在文档中使用 $ "行内公式" $ or $$ "公式块" $$ 的方式来添加 Latex 语法的公式了。

图片点击弹出效果

由于在文档中插入了较大的图片，为了实现更好的观看效果，使用了 NexT 支持的 Fancybox 来实现图片点击弹出的效果（官方参考link）。

通过代码： git clone https://github.com/theme-next/theme-next-fancybox3 clone fancybox3 相关代码到本地。

然后将其放置在NexT 主题文件夹中的 source/lib 文件夹下（如果没有lib文件夹，创建一个）。

最后，修改 NexT 的 _config.yml 文档的 fancybox 部分：

1
fancybox: true

阅读量统计

直接使用 NexT 已经集成的阅读量统计工具 busuanzi 阅读量统计，将 NexT 的配置文件关于 busuanzi_count 的 enable 选项更改为 true 即可。（参考link）发现这个统计对于浏览人数似乎比较准确，但对浏览次数似乎不是很准确。