Hexo如何显示latex公式

我们用hexo+github/gitee搭建个人博客，会发现无法显示markdown文件里的latex公式，这是因为hexo默认支持的hexo-renderer-marked渲染器不支持latex公式。那我们应该怎样做才能支持显示latex公式呢？以next主题为例，目前Next支持两种数学公式渲染引擎，分别为Mathjax和Katex。由于Mathjax支持的更为全面，因此我们选择Mathjax。

具体步骤如下：

卸载hexo-math和hexo-renderer-marked。在git bash中输入如下命令：

npm un hexo-math
npm un hexo-renderer-marked

2、安装hexo-renderer-pandoc渲染器，命令如下：

npm i hexo-renderer-pandoc

3、修改配置文件，修改next/_config.yml中mathjax的设置，如下：

# Math Formulas Render Support
math:# Default (true) will load mathjax / katex script on demand.# That is it only render those page which has `mathjax: true` in Front-matter.# If you set it to false, it will load mathjax / katex srcipt EVERY PAGE.per_page: true# hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.mathjax:enable: true# See: https://mhchem.github.io/MathJax-mhchem/mhchem: false# hexo-renderer-markdown-it-plus (or hexo-renderer-markdown-it with markdown-it-katex plugin) required for full Katex support.katex:enable: false# See: https://github.com/KaTeX/KaTeX/tree/master/contrib/copy-texcopy_tex: false

将mathjax下的enable设置为true，需要注意的是mathjax和katex两者同时只能使能一个。

另外，per_page建议设置为true（表示为所有文章进行渲染）, 否则，需要在每个md文件前面都要加上mathjax:true。

在这里我遇到一个坑，当我设置per_page为true后, 通过hexo s预览，发现还是无法正确显示latex公式。于是，我在我的markdown文档前面加了mathjax:true就正常了，如下：

---
title: XXX
categories:
tags: XXX
mathjax: true
---

不知道为什么per_page设置为true后还是要在文档前加mathjax:true。总之，如果跟我一样出现per_page:true未生效，在文档前加mathjax:true应该能解决。

4、本地安装pandoc

这一步很重要，这是我遇到的一个坑，如果没有安装，hexo g的时候就会报错：pandoc exited with code null。至于pandoc安装很简单，只要在官网上下载pandoc，直接安装即可，注意安装完要重启电脑。

完成以上步骤后，hexo clean && hexo g && hexo s，本地预览就可以看到公式能正常显示了。

Hexo如何显示latex公式相关推荐

MathJax详细配置——在线显示LaTeX公式的解决方案
MathJax详细配置--在线显示LaTeX公式的解决方案参考文章: (1)MathJax详细配置--在线显示LaTeX公式的解决方案 (2)https://www.cnblogs.com/andn ...
前端显示LaTex公式
前端显示LaTeX公式 Time:2021-06-27 前言近来在学习神经网络,不少笔记中都使用了LaTeX进行公式的书写,考虑到准备把这些笔记也放到网站上方便日后来看,于是就整起了引入显示LaTe ...
浏览器无法正常显示latex公式问题
问题在使用谷歌浏览器浏览知乎某些论文翻译时无法正常转义latex公式,主要因为代理服务器没有加载数学公式js文件,导致只能显示原始latex编辑公式. 解决方案按键ctrl shift J打开co ...
hexo主题渲染latex公式之多行公式显示问题
问题描述: 问题解决:不使用 mathjax,使用 Katex 更换渲染引擎问题描述: hexo-matery多行公式(矩阵不换行)显示问题. 我的博客地址,交流来博客的留言板. 问题解决:不使用 ...
html显示latex公式,wordpress显示数学公式插件【LaTeX转HTML】
20190616更新,我的理解有误. 正确写法是,直接切换到代码编辑器. https://www.mathjax.org/ 然后写Tex格式,示例如下: \title{Hello LaTeX2HTML ...
Md2All,让公众号完美显示Latex数学公式
当公众号遇上Latex 大家都知到,公众号连代码块都不支持,更不要说功能强大的Latex公式了. 那在Md2All之前,如果想在公众号上显示Latex公式应该怎么办呢? 最通常的做法就是在某个支持La ...
VSCode下使用markdown导出pdf，导出图片或插入LaTeX公式等使用记录（1）
记录一下自己觉得比较好用的markdown插件,以及在VSCode下编辑并将markdown的渲染结果导出pdf为或png等格式. 1.Markdown All in One VSCode下的mark ...
python opencv 官方文档里LaTeX公式不能正常显示怎么办？
在查看opencv官方文档时,发现里面出现个看不懂的东西比如这一句: \f[\begin{array}{l} | \texttt{dstsize.width} *2-src.cols| \leq 2 ...
latex积分号、求和、极限符号大小，上下标位置控制，行内公式显示行间公式效果
大家在写行内公式的时候经常会遇到这些问题: ∫f(x)\int f(x)∫f(x)积分符号很小,怎么变成大积分号:∫f(x)\displaystyle\int f(x)∫f(x) ∑n=0kan\su ...

Hexo如何显示latex公式

Hexo如何显示latex公式相关推荐

最新文章

热门文章