Tex

测试Tex公式在网页上的展示效果-Asciidoc

测试Tex公式在网页上的展示效果-Asciidoc+Mathjax

测试Tex公式在网页上的展示效果-Pandoc

测试Tex公式在网页上的展示效果-Pandoc+Mathjax

测试Tex公式在网页上的展示效果-默认配置

测试Tex公式在网页上的展示效果-默认配置+Escape

测试Tex公式在网页上的展示效果-默认配置+Mathjax

结论 对Markdown文件, 需要使用 pandoc+MathJax. 或者,可以使用 AsciiDoc文件+MathJax. MathJax 浏览器中, 一般需要使用MathJax进行渲染. 使用CDN(jsdelivr) <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> 提供本地副本 npm install mathjax@3 cp -r node_modules/mathjax/es5/ TARGET_DIR 添加到模板中 在html head的配置项中添加script标记即可. 以 hugo+PaperMod 主题配置为例: PaperMod 提供了layouts/partials/extend_head.html用于自定义配置, 因此添加到该文件即可: # 注意: 不需要修改主题中的文件, 而是写入到项目文件夹 mkdir -p layouts/partials/ cat <<EOF >> layouts/partials/extend_head.html {{- if (.Param "mathjax") }} <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> <style> .MathJax { overflow-x: auto; overflow-y: hidden; } </style> {{- end }} EOF 如果使用了本地副本的方案, 需要相应地修改script里的地址. 这里的css是为了解决默认配置下存在的一个问题: 手机上展示公式超宽时, 将导致页面宽度被改变. 参考了这个回答以及实际生成的html....