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



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

考虑这个区块:

<details>
<summary>Click to expand</summary>
Function \(f\) leads to 
$$ f(x) = x^2 $$ 
</details>

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

我不知道如何启用( 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.htmlinclude有两个版本…

  • 这里可以找到复杂的版本,除了显示如何在production上使用CDN和在非生产版本中使用非CDNsrc来处理之外。

  • 简单的版本可以在这里找到,除了一个显示如何在包含文件的<script>标记中设置各种MathJax设置的答案。

。。。我不会重新下载,但简单的版本可以从GitHub下载,只需点击raw按钮,然后点击Ctrl^s即可保存;-(

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

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

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

  • layout设置什么并不重要,但如果没有permalink,我相信title将成为大多数布局正确设置交联的要求。

  • 直到在一个多行格式的块中,我才按的任何量进行制表,而问题的代码只按两个((空格进行制表,并且通常需要四个空格才能触发f{}块,我不希望markdown解释器甚至得到邀请气息来破坏所需的标记。

  • 使用f(大括号围绕与left( sum_{thing}^{done} right)有关的内容(括号拉近几个像素,这对于小东西来说是不需要的,然而,它确实使格式化和未格式化版本的意图更加明确。

  • 使用CCD_26可以使括号的高度稍微增加


希望其中的一些技巧能让你越过这个障碍。

最新更新