如何在细节块中使用Jekyll中的MathJax？

Question

我想在MathJax标签内的Jekyll网站中使用来自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 includes有两个版本......

• 复杂版本可以找到here除了一个答案，显示如何在production和非CDN srcing非生产版本使用CDNs。
• 简单版本可以找到here的一个答案，显示如何在包含文件的<script>标签中设置各种MathJax设置。

...我不会重新发布'但是简单版本可以从GitHub获得download，只需点击raw按钮然后Ctrl^s保存;-)

这是使用kramdown测试markdown解释器以及在项目的mathjax: true文件中设置的_config.yml。

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

• permalink不是必需的，仅用于测试页面代码的正文。
• 什么为layout设置并不重要但没有permalink我相信title成为大多数布局设置正确交叉链接的要求。
• 我没有任何数量的标签，直到多行格式化的块，而问题的代码只有两个（）空格标签，并且通常需要四个触发<code>块，我不希望降价解释器甚至可以获得一个邀请的气味，以便将所需的标记弄清楚。
• 使用f{}（围绕与f有关的事情的花括号）将括号拉近几个像素，不需要小东西，但是，它确实使格式化和未格式化版本的意图更加明确。
• 使用\left( \sum_{thing}^{done} \right)可以使括号的高度增加一点点高度。

---

希望这些技巧中的一些允许你越过这个障碍。