ShaohanTian / MyBlog

MIT License
0 stars 0 forks source link

Hugo博客添加LaTeX语法支持 | 🚀 田少晗的个人博客 #6

Open utterances-bot opened 1 year ago

utterances-bot commented 1 year ago

Hugo博客添加LaTeX语法支持 | 🚀 田少晗的个人博客

Hugo 博客添加行内和行间 LaTeX 语法支持的数学公式

https://shaohanyun.top/posts/env/hugo_mathjax/

yigengjiang commented 1 year ago

出现三对以上大括号有解决方法吗?

ShaohanTian commented 1 year ago

我暂时还没有找到什么好的解决办法,如果你有解决可以分享一下😜

yigengjiang commented 1 year ago

谢益辉的博客The Best Way to Support LaTeX Math in Markdown with MathJax可以解决“latex语法中出现三对以上大括号 ,无法显示”的问题。

ShaohanTian commented 1 year ago

好的,谢谢,回头我试试!

ShaohanTian commented 1 year ago

可以,确实有用:

<script src="//yihui.org/js/math-code.js" defer></script>
<!-- Just one possible MathJax CDN below. You may use others. -->
<script defer
  src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

这段代码添加到mathjax.html文件中就能解决,但需要添加在数学公式前后添加"`"

zhibo-yan commented 1 year ago

公式支持用的katex,然后上篇博客里的自动目录编号autonumbering好像有冲突咋整呢

{{ if or .Params.math .Site.Params.math }}
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css" integrity="sha384-AfEj0r4/OFrOo5t7NnNe46zW/tFgW6x/bCJG8FqQCEo3+Aro6EYUG4+cU+KJWu/X" crossorigin="anonymous">
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.js" integrity="sha384-g7c+Jr9ZivxKLnZTDUhnkOnsh30B4H0rpLUpJ4jAIKs4fnJI+sEnkvrMWph2EDg4" crossorigin="anonymous"></script>
<script defer src="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/contrib/auto-render.min.js" integrity="sha384-mll67QQFJfxn0IYznZYonOWZ644AWYC+Pt2cHqMaRhXVrursRwvLnLaebdGIlYNa" crossorigin="anonymous"
    onload="renderMathInElement(document.body);"></script>
{{ end }}
ShaohanTian commented 1 year ago

我觉得你不妨参考我的这个回答直接使用 mathjax 比较容易解决问题,我目前就是这个方案,也和自动编码没有冲突,或者参考这篇博客https://yihui.org/en/2018/07/latex-math-markdown/,“Note that this trick also works for KaTeX”,自己写一下脚本@zhibo-yan

可以,确实有用:

<script src="//yihui.org/js/math-code.js" defer></script>
<!-- Just one possible MathJax CDN below. You may use others. -->
<script defer
  src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

这段代码添加到mathjax.html文件中就能解决,但需要添加在数学公式前后添加"`"

zhibo-yan commented 1 year ago

我觉得你不妨参考我的这个回答直接使用 mathjax 比较容易解决问题,我目前就是这个方案,也和自动编码没有冲突,或者参考这篇博客https://yihui.org/en/2018/07/latex-math-markdown/,“Note that this trick also works for KaTeX”,自己写一下脚本@zhibo-yan

可以,确实有用:

<script src="//yihui.org/js/math-code.js" defer></script>
<!-- Just one possible MathJax CDN below. You may use others. -->
<script defer
  src="//mathjax.rstudio.com/latest/MathJax.js?config=TeX-MML-AM_CHTML">
</script>

这段代码添加到mathjax.html文件中就能解决,但需要添加在数学公式前后添加"`"

好的,多谢~

sonnycalcr commented 3 months ago

如果超过了三个花括号,我是倾向于给这段公式的周围套上一个 div 标签。可以参考这里:https://www.gohugo.org/doc/tutorials/mathjax/,具体写一个如下,

<div>
$$
\boldsymbol{x}_{i+1}+\boldsymbol{x}_{i+2}=\boldsymbol{x}_{i+3}
$$
</div>