如何在详细信息块中使用 Jekyll 中的 MathJax？

Question

我想在 details 标签内的 Jekyll 网站中使用来自 MathJax 的内联数学公式。

考虑这个块：

<details>
  <summary>Click to expand</summary>
  Function \\(f\\) leads to 

  $$ f(x) = x^2 $$ 

</details>

在我的网站上，我可以查看 $$ f(x) = x^2 $$ 部分，但内联公式不起作用。

Answer 1

我不确定如何启用 \( \sum_{thing}^{done} \)，到目前为止，要使用 MathJax 启用内联格式，我必须将其配置为使用 $ \sum_{thing}^{done} $。我已经使用您的上述代码（进行了一些其他调整）进行了测试，发现它可以正常工作！

./test.html

---
layout: page
permalink: /test/
title: Test
---
{%- include mathjax.html -%}


<details><summary>Click to Expand</summary>
Function $f$ leads to
$$
  f{ \left( x \right) } = x^{2}
$$
</details>

mathjax.htmlincludes 有两个版本...

• 可以在here 中找到复杂版本，除了显示如何兼顾在production 和非CDN srcing 上使用CDN 用于非生产构建的答案。

• 除了显示如何在包含文件的 <script> 标记中设置各种 MathJax 设置的答案之外，还可以找到简单版本 here。

...我不会重新发布它们，但简单版本可用于来自 GitHub 的 download，只需点击 raw 按钮然后点击 Ctrl^s 即可保存；-)

使用kramdown 对markdown 解释器以及项目的_config.yml 文件中设置的mathjax: true 进行了测试。

关于问题的页面代码与我发布的内容之间的 diff 的一些注释

• permalink不是必需的，仅用于测试页面代码的正文。

• 为layout 设置的内容并不重要，但没有permalink 我相信title 成为正确设置大多数布局交叉链接的要求。

• 直到在多行格式的块中，我才按 any 的数量进行制表符，而问题的代码仅由两个 () 空格进行制表符，并且通常需要四个来触发<code> 块，我不希望markdown 解释器甚至得到邀请 muck-up的气味 em> 所需的标记。

• 使用f{}（与f 相关的东西周围的花括号）拉括号更近几个像素，对于小东西不需要，但是，它确实使对于格式化和非格式化版本的意图更加明确。

• 使用\left( \sum_{thing}^{done} \right) 允许括号的高度增加一点点高度。

---

希望这些技巧中的一些可以让你克服这个障碍。