【Hexo】博客数学公式解决方案，亲测有效

pai233

发布于 2022-01-12 15:01:55

97100

代码可运行

文章被收录于专栏：pai233的专栏pai233的专栏

运行总次数：0

代码可运行

自从打开了Pjax后，我的博客的LaTeX加载就非常闹心……

原因

我的博客一开始使用的是MathJax，一开始还行，后来为了搞音乐播放器，开启了Pjax，噩梦的开始……

Pjax动态加载会导致部分JavaScript文件无法自动运行，这很常见……像MathJax这类的需要在页面打开后再渲染的，自然属于这一类。

解决方法

打开主题的配置文件，找到有关于数学公式的配置（这里使用的是NexT主题）：

将其修改，关闭所有选项：

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: false
  # hexo-renderer-pandoc (or hexo-renderer-kramed) required for full MathJax support.
  mathjax:
    enable: false
    # 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-tex
    copy_tex: false

随后打开\themes\next\layout\_layout.swig，在<head>处添加以下两行：

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.css" integrity="sha384-bsHo4/LA+lkZv61JspMDQB9QP1TtO4IgOf2yYS+J6VdAYLVyx1c3XKcsHh0Vy8Ws" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.11.1/dist/katex.js" integrity="sha384-4z8mjH4yIpuK9dIQGR1JwbrfYsStrNK6MP+2Enhue4eyo0XlBDXOIPc8b6ZU0ajz" crossorigin="anonymous"></script>

这样可以将我们的博客的数学公式渲染切换到KaTeX，至于为什么不使用自带的KaTeX……在博主这里渲染一直有问题qaq

效果

切换完后，就来看看效果……

行内公式

众所周知，1+1=21+1=21+1=2、2+2=42+2=42+2=4，因此，我们可以得到a+a=2aa+a=2aa+a=2a。

勾股定理的公式是a2+b2=c2a^2+b^2=c^2a2+b2=c2。

在C++中，定义一个数组a[n]（假设nnn已知），那么这个数组下标实际为a1,a2,a3,...,an−2,an−1a_1,a_2,a_3,...,a_{n-2},a_{n-1}a1,a2,a3,...,an−2,an−1

行间公式

勾股定理的公式是：

a2+b2=c2a^2+b^2=c^2 a2+b2=c2

一大段的文字

根据勾股定理的公式a2+b2=c2a^2+b^2=c^2a2+b2=c2，我们可以得到以下的伪代码，通过aaa和bbb，计算出ccc：

int _ = 3,$$ = 4;//a,b
int $$$_233 = sqrt(_*_+$$*$$)//c

可见效果还不戳qaq

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2021-09-302，如有侵权请联系 cloudcommunity@tencent.com 删除

网站

编程算法

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

网站

编程算法

登录后参与评论

0 条评论

热度