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

Question

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

考虑这个块：

<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.html include的...

• 除了显示如何在非生产构建中使用 CDN和非 CDN的答案之外，还可以在此处找到复杂版本。productionsrc

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

...我不会重新发布它们，但可以从 GitHub下载raw简单版本，只需点击按钮然后Ctrl^s保存 ;-)

这是使用kramdown解释markdown器和mathjax: true项目_config.yml文件中的集合进行测试的。

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

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

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

• 直到在多行格式的块中，我才进行任何数量的制表符，而问题的代码仅由两个 ( ) 空格进行制表符，并且通常需要四个来触发<code>块，我不想要降价解释器甚至得到一点邀请来破坏所需的标记。

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

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

---

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