Gmeek icon indicating copy to clipboard operation
Gmeek copied to clipboard

建议将 MathJax 的默认渲染方式设为 `SVG`

Open CarameowCookie opened this issue 1 year ago • 3 comments

这样做主要有 2 个好处:

  1. MathJax 内部的字体将不会被正文字体混杂。 (也就是公式里面不会出现浏览器的 sans-serif 字体了)
  2. MathJax 内部的文字排布将不会受到 MathJax 之外的样式的影响。 (比如如果指定 *{vertical-align: middle;},在使用 CHTML 方式渲染的情况下,MathJax 内部的排版会乱掉;而将 MathJax 的渲染方式设为 SVG 则不会出现这个问题)

CarameowCookie avatar Apr 09 '24 07:04 CarameowCookie

你可以试试在你的config.json文件中自定义SVG的渲染方式。

"script":"<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}};</script>",

因为github issues中没有使用SVG模式,所以我想默认配置尽可能和issues页面一致。

Meekdai avatar Apr 09 '24 08:04 Meekdai

你可以试试在你的config.json文件中自定义SVG的渲染方式。

"script":"<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}};</script>",

因为github issues中没有使用SVG模式,所以我想默认配置尽可能和issues页面一致。

@Meekdai 我将这行代码加入了 script,部署后,清除 Cookie 和网站数据,刷新,结果发现默认并没有使用 SVG 方式渲染。如图所示:

Screenshot_20240409_191020_Firefox

附上我的 script 字段:

<script>MathJax={tex:{inlineMath:[['$','$']]},svg:{fontCache:'global'},options:{output:'svg'}}; twemoji.parse(document.body, {folder:'svg', ext:'.svg'});</script>

CarameowCookie avatar Apr 09 '24 11:04 CarameowCookie

如何配置MathJax默认为SVG模式你可以找一下网上的配置方式,然后替换掉配置内容就行。我这个是问了chatGPT给的答案,估计有些地方还是有问题的,多试试几种配置方式,应该就可以了。

Meekdai avatar Apr 09 '24 13:04 Meekdai