• 安装与使用

  • 如何让主题支持渲染数学公式、流程图、甘特图等。

Halo 在博客设置中预设了 自定义 head 这个选项，我们只需要添加所需要的 js 即可。

Snipaste_2019-12-19_10-36-22.png

数学公式

<script src="//cdn.jsdelivr.net/npm/mathjax@2.7.5/unpacked/MathJax.js?config=TeX-MML-AM_CHTML" defer></script>
    <script>
    document.addEventListener('DOMContentLoaded', function () {
        MathJax.Hub.Config({
            'HTML-CSS': {
                matchFontHeight: false
            },
            SVG: {
                matchFontHeight: false
            },
            CommonHTML: {
                matchFontHeight: false
            },
            tex2jax: {
                inlineMath: [
                    ['$','$'],
                    ['\\(','\\)']
                ],
                displayMath: [["$$", "$$"], ["\\[", "\\]"]]
            }
        });
    });
</script>

流程图、甘特图等

<script src="https://cdn.jsdelivr.net/npm/mermaid@8.4.4/dist/mermaid.min.js"></script>

加了发现没用，看对应文章网页源码发现添加的内容在head内不存在。我使用的是nexT
nexT主题，文章也在添加了head后删除重新发布。

    感谢，才发现如果使用了fantasy主题可以在主题设置里直接开启mathjax，爽！

    Ryan Wang 👍 公式显示方面还存在一些问题：常用符号“{”被转义

    例如：原始内容：

    $$
    r_{t}
    $$

    编辑器可以正常显示，但在预览或者发布后的网页上，由于“{”符号被转义，导致公式正常显示

    发布后查看网页源码对应位置内容：

    <p><span t="1">$r_</span><span T=""></span>$</p>

    其他一些情况：

    在原始内容中的“{”符号前面加字符“\”，发布后可以正常显示，网页源码对应位置内容为：<p>$$r_{t}$$</p>

    但是加了字符“\”后，在编辑器页面就不能正常显示了。

        shifop 现在的文章渲染大部分都已经一致了，这个问题暂时还没研究，不过下个 beta 版应该可以修复了。

          shifop 如果编辑器也用 mathjax 如何？

          不知道 katex 和 mathjax 的区别有多大？

              1 年 后

              我试过作者提供的在自定义head中加js的方式，结果就是只有第一个公式是正常显示的后面的都是乱掉的，公式功能对我来说很重要，写文章的时候的显示是正常的，到了主题上就是不正常的，试了很多主题全部有显示问题。博客地址：simonking.org.cn

              1 年 后
              2 年 后
              13 天 后

              关闭toolbench插件，打开katex渲染插件