在博客中使用KaTeX渲染长数学公式时,可能会超出边界,影响移动端显示。为解决此问题,可以让KaTeX支持横向滚动,并添加样式配置以补偿边距,隐藏滚动条以改善手机显示。
在使用Hugo撰写数学博客时,发现mathjax渲染公式存在问题。经过分析,确认是Hugo对公式的解析导致的。尝试用Katex替换mathjax,虽然渲染速度更快,但仍需解决符号解析问题。最终,通过配置Hugo的Goldmark扩展,成功实现了无转义渲染LaTeX公式。
Recently I decide to post some math notes on the blog, so here is how to add math formula rendering support to hugo. Actually it’s as simple as adding several lines to Hugo’s theme file.
本文介绍了如何在Hugo博客中添加KaTeX数学公式渲染支持。通过在主题文件中添加几行代码,可以实现数学公式的静态渲染。文章提供了简单和智能两种方法,分别涉及在头部和脚部加载KaTeX,并修改分隔符设置,以便在不同环境中使用。此外,作者还说明了如何在新建文章时自动添加相关参数。
完成下面两步后,将自动完成登录并继续当前操作。