本文介绍了如何在Solitude主题下使用数学公式。

一、Katex

KaTeX是一个快速、易于使用的JavaScript库，用于在网络上进行TeX数学渲染。

以下是 KaTeX 的一些主要特性：

  1. 速度：KaTeX 旨在比其他类似的库（如 MathJax）更快。这是因为 KaTeX 在服务器端渲染数学公式，然后将结果作为纯 HTML 和 CSS 发送到客户端，而不是在客户端进行渲染。
  2. 易于使用：KaTeX 可以很容易地集成到你的网站或应用中。你只需要在你的 HTML 中包含 KaTeX 的 JavaScript 和 CSS 文件，然后使用特定的标记来写数学公式。
  3. 高质量的渲染：KaTeX 生成的数学公式看起来非常清晰和专业。它支持许多 LaTeX 的数学符号和命令，因此你可以写出非常复杂的数学公式。
  4. 无需依赖：KaTeX 不需要任何外部库或插件就可以工作，这使得它在许多环境中都非常方便使用。
  5. 可访问性：KaTeX 生成的公式支持屏幕阅读器，这对于视觉障碍的用户来说非常有用。

KaTeX 是一个非常强大的工具，无论你是在创建一个需要显示复杂数学公式的教育网站，还是在开发一个需要处理数学输入的应用，KaTeX 都是一个很好的选择。

使用Katex

  1. 更换markdown-it渲染器
    1
    2
    3
    4
    npm un hexo-renderer-marked --save # 卸载hexo-marked
    npm un hexo-renderer-kramed --save # 卸载hexo-kramed
    npm i hexo-renderer-markdown-it --save # 安装hexo-markdown-it
    npm install katex @renbaoshuo/markdown-it-katex # 安装katex扩展
  2. 根目录配置文件_config.yml中添加如下配置：
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    25
    26
    27
    28
    29
    # markdown-it
    markdown:
       preset: 'default'
       render:
          html: true
          xhtmlOut: false
          langPrefix: 'language-'
          breaks: true
          linkify: true
          typographer: true
          quotes: '“”‘’'
       enable_rules:
       disable_rules:
       plugins:
          - '@renbaoshuo/markdown-it-katex'
       anchors:
          level: 2
          collisionSuffix: ''
          permalink: true
          permalinkClass: 'headerlink'
          permalinkSide: 'left'
          permalinkSymbol: ''
          case: 0
          separator: '-'
       images:
          lazyload: true
          prepend_root: false
          post_asset: false
       inline: false
  3. 在Solitude主题下，使用Katex非常简单，只需要在文章的头部添加katex: true即可，如下所示：（Page中也能使用Katex）
    1
    2
    3
    ---
    katex: true
    ---
  4. 在文章中使用Katex，只需要使用$$包裹公式即可，如下所示：
    1
    2
    3
    4
    5
    6
    $$
    \begin{aligned}
    \frac{\partial u}{\partial t} &= \frac{\partial^2 u}{\partial x^2} + \frac{\partial^2 u}{\partial y^2} \\
    \frac{\partial v}{\partial t} &= \frac{\partial^2 v}{\partial x^2} + \frac{\partial^2 v}{\partial y^2}
    \end{aligned}
    $$
    效果如下所示：

    ∂u∂t=∂2u∂x2+∂2u∂y2∂v∂t=∂2v∂x2+∂2v∂y2\begin{aligned} \frac{\partial u}{\partial t} &= \frac{\partial^2 u}{\partial x^2} + \frac{\partial^2 u}{\partial y^2} \\ \frac{\partial v}{\partial t} &= \frac{\partial^2 v}{\partial x^2} + \frac{\partial^2 v}{\partial y^2} \end{aligned}

二、MathJax

暂未支持…（过于臃肿，后续可能会考虑增加）