使用 HUGO 的 .md 文件中的 R blogdown 包中的数学问题
Problems with Math in R blogdown package in .md files with HUGO
我想知道是否有人可以帮助我解决 Hugo 静态网站的 R blogdown 包中数学渲染的以下问题?
我制作了一张屏幕截图,显示了 Latex 代码并在我得到的输出下方。
公式在 Atom 中呈现良好 Markdown-Preview-Plus。公式的 font-size 似乎也太大了,但我想这更像是一个文体问题:)
更新 1:
我将问题缩小到雨果学术主题中数学渲染的一些问题(thx @bethanyP for the link)
如果我使用默认的 RStudio huge-lithium 主题,代码可以正常呈现。
更新二:
将下面的脚本添加到文件 head_custom.html 中,如果您像 $$ math expression$$
这样在美元符号前后加上反引号来编写数学公式,那么公式就可以在 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;
}
现在所有公式都以黑色正确呈现:)
copy/paste的代码:
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}}}$$
截图:
对于分数,请尝试在正斜杠后加下划线:
/_3$
应该得到像上图那样的除法符号
这对我来说很好用...我重新输入了您的文本,看起来还不错,除了间距错误或其他我看不出它为什么不起作用的原因:
$$\begin{align}
\alpha & =1 \
\alpha & = 2 \
\end{align}$$
查看下面的屏幕截图:
使用斜线,再次尝试 /_ 但大等式的其余部分最好有代码,而不是图像,所以我可以剪切和粘贴来测试你的代码,调整并重新发布。
我终于成功了,感谢@bethanyP 的帮助!
如果您想在 .MD 文件中使用 RStudio blogdown 包在 Hugo-academic 中编写高级 Latex 数学(注意:普通 markdown 而不是 R-markdown 文件)文件,您必须执行以下操作:
通过使用以下代码将文件添加到 layouts/partials/ 名为 "head_custom.html" 来启用 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$$ 周围使用 `` 反引号
希望对您有所帮助!
最佳
我想知道是否有人可以帮助我解决 Hugo 静态网站的 R blogdown 包中数学渲染的以下问题?
我制作了一张屏幕截图,显示了 Latex 代码并在我得到的输出下方。
公式在 Atom 中呈现良好 Markdown-Preview-Plus。公式的 font-size 似乎也太大了,但我想这更像是一个文体问题:)
更新 1: 我将问题缩小到雨果学术主题中数学渲染的一些问题(thx @bethanyP for the link)
如果我使用默认的 RStudio huge-lithium 主题,代码可以正常呈现。
更新二:
将下面的脚本添加到文件 head_custom.html 中,如果您像 $$ math expression$$
这样在美元符号前后加上反引号来编写数学公式,那么公式就可以在 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;
}
现在所有公式都以黑色正确呈现:)
copy/paste的代码:
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}}}$$
截图:
对于分数,请尝试在正斜杠后加下划线:
/_3$
应该得到像上图那样的除法符号
这对我来说很好用...我重新输入了您的文本,看起来还不错,除了间距错误或其他我看不出它为什么不起作用的原因:
$$\begin{align}
\alpha & =1 \
\alpha & = 2 \
\end{align}$$
查看下面的屏幕截图:
使用斜线,再次尝试 /_ 但大等式的其余部分最好有代码,而不是图像,所以我可以剪切和粘贴来测试你的代码,调整并重新发布。
我终于成功了,感谢@bethanyP 的帮助!
如果您想在 .MD 文件中使用 RStudio blogdown 包在 Hugo-academic 中编写高级 Latex 数学(注意:普通 markdown 而不是 R-markdown 文件)文件,您必须执行以下操作:
通过使用以下代码将文件添加到 layouts/partials/ 名为 "head_custom.html" 来启用 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$$ 周围使用 `` 反引号
希望对您有所帮助!
最佳