/ Programming

让Ghost博客系统支持LateX公式渲染

很多时候,我们在写计算机类的博客, 尤其是算法类文章的时候,需要添加一些公式。LaTeX可以很好地完成复杂表格和数学公式的呈现。但是Ghost博客系统原生是不支持LaTeX的,所以我们今天来提供两个方法来使Ghost支持LaTeX。在这里我们使用的JavaScript库是MathJax

为文章页面添加LaTeX渲染模块

方法1:在单篇文章中添加LaTeX脚本

在Ghost-V1.0版本之后,Ghost博客支持单篇文章的Code Injection功能,可以很方便地在该篇文章页面中插入作者所需的CSS或JavaScript代码。
于是我们可以在写博文的时候,点击右上角的设置按钮,然后找到Code Injection标签,在Post Footer处插入MathJax脚本代码,即可支持LaTeX公式显示。
TIM--20180422164257
20180422165532

<script type="text/javascript" src="https://cdn.bootcss.com/mathjax/2.7.3/latest.js?config=TeX-AMS-MML_HTMLorMML"></script>  
<script type="text/x-mathjax-config">  
    MathJax.Hub.Config({
        tex2jax: {
            inlineMath: [['$$','$$'], ['\\\\(','\\\\)']],
            processEscapes: true
        }
    });
</script>  

然后该页面就支持LaTeX公式渲染啦!

方法2:修改页面渲染模板

该方法适简单粗暴,直接修改模板文件中的content/themes/casper/default.hbs文件,在模板文件中的</body>之前添加上文中的脚本代码即可。

使用LaTeX

在文章编辑区中要占行显示公式,可以使用\\[ \varGamma(x) = \frac{\int_{\alpha}^{\beta} g(t)(x-t)^2\text{ d}t }{\phi(x)\sum_{i=0}^{N-1} \omega_i} \tag{0}\\],渲染结果如下:

\[ \varGamma(x) = \frac{\int_{\alpha}^{\beta} g(t)(x-t)^2\text{ d}t }{\phi(x)\sum_{i=0}^{N-1} \omega_i} \tag{0}\]

这里需要注意,因为 Ghost 使用 markdown 解析器解析语法,所以使用 \[E = mc^2\] 会解析成 [E=mc^2]。所以要想成功解析出来,需要对反斜杠再转义一次:\\[E = mc^2\\]

Referer:
让 Ghost 支持 LaTeX 数学公式
让Ghost支持Latex

让Ghost博客系统支持LateX公式渲染
Share this

Subscribe to Zed's Blog