5

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

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

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

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

如果我使用默认的 RStudio 巨锂主题，代码渲染得很好。

更新 2：

$$ math expression$$如果您在美元符号前后使用反引号编写数学，则将以下脚本添加到文件 head_custom.html 使公式在 Hugo Academic 中有效：

<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}}}$$

截屏：

博客数学问题

4

2 回答 2

2

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

如果您想使用 .MD 中的 RStudio blogdown 包在 Hugo-academic 中编写高级 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>

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

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

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

希望能帮助到你！

最好的

于 2017-03-23T22:01:37.617 回答
1

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

 $2/_3$

在此处输入图像描述

应该让你得到像上图一样的除法符号

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

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

请参阅下面的屏幕截图：

在此处输入图像描述

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

于 2017-03-21T21:51:50.540 回答