Gmeek
Gmeek copied to clipboard
建议将 MathJax 的默认渲染方式设为 `SVG`
这样做主要有 2 个好处:
- MathJax 内部的字体将不会被正文字体混杂。
(也就是公式里面不会出现浏览器的
sans-serif字体了) - MathJax 内部的文字排布将不会受到 MathJax 之外的样式的影响。
(比如如果指定
*{vertical-align: middle;},在使用CHTML方式渲染的情况下,MathJax 内部的排版会乱掉;而将 MathJax 的渲染方式设为SVG则不会出现这个问题)
你可以试试在你的config.json文件中自定义SVG的渲染方式。
"script":"<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}};</script>",
因为github issues中没有使用SVG模式,所以我想默认配置尽可能和issues页面一致。
你可以试试在你的config.json文件中自定义SVG的渲染方式。
"script":"<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}};</script>",因为github issues中没有使用SVG模式,所以我想默认配置尽可能和issues页面一致。
@Meekdai 我将这行代码加入了 script,部署后,清除 Cookie 和网站数据,刷新,结果发现默认并没有使用 SVG 方式渲染。如图所示:
附上我的 script 字段:
<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}}; twemoji.parse(document.body, {folder:'svg', ext:'.svg'});</script>
如何配置MathJax默认为SVG模式你可以找一下网上的配置方式,然后替换掉配置内容就行。我这个是问了chatGPT给的答案,估计有些地方还是有问题的,多试试几种配置方式,应该就可以了。