使用 HUGO 的 .md 文件中的 R blogdown 包中的数学问题

Question

我想知道是否有人可以帮助我解决 Hugo 静态网站的 R blogdown 包中的数学渲染问题？

我制作了一张显示 Latex 代码的屏幕截图，并在我得到的输出下方。

公式在 Atom Markdown-Preview-Plus 中呈现良好。公式的字体大小似乎也很大，但我猜这更像是一个风格问题:)

更新 1： 我将问题缩小到雨果学术主题中数学渲染的一些问题（链接感谢@bethanyP）

如果我使用默认的 RStudio huge-lithium 主题，代码会很好地呈现。

更新 2：

将下面的脚本添加到文件 head_custom.html 使公式在 Hugo Academic 中工作，如果你写像 $$ math expression$$ 这样的数学，在美元符号前后都有反引号：

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
  }
});
</script>
<script async type="text/javascript"
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

更新 3：

所以，我终于解决了所有问题。将以下代码添加到 huge-academic.css 或按照 hugo Academic 说明添加自定义 css 文件：

code .MathJax {
  color: black;
  background-color: white;
}

现在所有公式都正确呈现为黑色:)

复制/粘贴代码：

1：

$$\begin{align}
\alpha & = 1 \\
\alpha & = 2 \\
\end{align}$$

2：

$$\underbrace{P(Jar~1 | Nut~Cookie)}_{\text{posterior}} = \frac{\overbrace{P(Nut~Cookie | Jar~1)}^{\text{likelihood}}\overbrace{P(Jar~1)}^{\text{prior}}}{\underbrace{P(Nut~Cookie)}_{\text{normalizing constant}}}$$

截图：

Answer 1

我终于让它工作了，谢谢@bethanyP 的帮助！

如果您想在 Hugo-academic 中使用 .MD 中的 RStudio blogdown 包编写高级 Latex 数学（注意：普通 markdown 不是 R-markdown 文件）文件，您必须执行以下操作：

通过使用以下代码将名为“head_custom.html”的文件添加到 layouts/partials/ 来启用 MathJax：

<script type="text/x-mathjax-config">
MathJax.Hub.Config({
  tex2jax: {
    skipTags: ['script', 'noscript', 'style', 'textarea', 'pre']
  }
});
</script>
<script async type="text/javascript"
  src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>

然后转到themes/hugo-academic/static/css/hugo-academic.css 并添加以下代码以用黑色字体呈现数学：

 code .MathJax {
  color: black;
  background-color: white;
}

在 $inline-math$ 或 $$display-math$$ 周围使用 `` 反引号

希望对你有帮助！

最好的

Answer 2

对于分数，请尝试正斜杠后的下划线：

 $2/_3$ 

应该得到如上图所示的除法符号

这对我来说很好......我重新输入了你的文字，看起来还可以，除了间距错误或我看不出它为什么不起作用的东西：

 $$\begin{align}
 \alpha & =1 \\
 \alpha & = 2 \\
 \end{align}$$

请看下面的屏幕截图：

使用斜线，再次尝试 /_，但其余的大方程式将有助于获得代码，而不是图像，因此我可以剪切和粘贴来测试你的，调整和重新发布。