wu-kan/wu-kan.github.io

关于Katex对$$ $$之间的公式的渲染

wuxiaoqiang12 opened this issue · 7 comments

wuxiaoqiang12 commented

首先要对该模板的作者表示感谢, 我在使用中发现在$$ $$之间的公式在web端没法显示,在本地可以显示,不知道什么原因,查看了楼主自己的post中的2019-07-08-并行与分布式计算复习笔记博文也发现$$ $$ 之间的内容不能显示.请教一下.

wu-kan commented

首先要对该模板的作者表示感谢, 我在使用中发现在$$ $$之间的公式在web端没法显示,在本地可以显示,不知道什么原因,查看了楼主自己的post中的2019-07-08-并行与分布式计算复习笔记博文也发现$$ $$ 之间的内容不能显示.请教一下.

发现了，github似乎忽略了我配置文件设定的math_engine渲染方式，行间公式仍然被渲染成script脚本的形式，这几天有空的话我来找一些办法解决

wuxiaoqiang12 commented

好的，谢谢你．我暂时先使用行内公式($...$)代替($$...$$)了．

wu-kan commented

首先要对该模板的作者表示感谢, 我在使用中发现在$$ $$之间的公式在web端没法显示,在本地可以显示,不知道什么原因,查看了楼主自己的post中的2019-07-08-并行与分布式计算复习笔记博文也发现$$ $$ 之间的内容不能显示.请教一下.

发现了，github似乎忽略了我配置文件设定的math_engine渲染方式，行间公式仍然被渲染成script脚本的形式，这几天有空的话我来找一些办法解决

可考虑引入MathJax暂时修复这一问题，在目前Master分支下的配置文件里已经有了，去掉注释即可

使用Katex解决的方案暂时还没搞定，因为我自己对这些还不是很会😥

wuxiaoqiang12 commented
wuxiaoqiang12 commented
wu-kan commented

好的，我试试MathJax看看．谢谢你 wu-kan notifications@github.com 于2019年9月11日周三 下午5:09写道：
…
首先要对该模板的作者表示感谢, 我在使用中发现在$$ $$之间的公式在web端没法显示,在本地可以显示,不知道什么原因,查看了楼主自己的post中的2019-07-08-并行与分布式计算复习笔记博文也发现$$ $$ 之间的内容不能显示.请教一下. 发现了，github似乎忽略了我配置文件设定的math_engine渲染方式，行间公式仍然被渲染成script脚本的形式，这几天有空的话我来找一些办法解决 可考虑引入MathJax暂时修复这一问题，在目前Master分支下的配置文件里已经有了，去掉注释即可 使用Katex解决的方案暂时还没搞定，因为我自己对这些还不是很会😥 — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#1?email_source=notifications&email_token=AJKMMHVFT7XGCTLUOXW2TALQJCYT7A5CNFSM4IUSY4Q2YY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD6N2D2A#issuecomment-530293224>, or mute the thread https://github.com/notifications/unsubscribe-auth/AJKMMHQY73N5W2ID4KIY6DLQJCYT7ANCNFSM4IUSY4QQ .

Master分支下最新的版本已经用纯Katex的方法实现行间公式了，效果可以参照这里

wu-kan commented

2020 年 8 月 7 日，GitHub Pages 更新，kramdown 版本从 1.17.0 更新到 2.3.0。根据这个 PR，katex 显示行间公式需要调整相关代码为

<link
  rel="stylesheet"
  href="https://cdn.jsdelivr.net/npm/katex@0.12.0/dist/katex.min.css"
/>
<script
  src="https://cdn.jsdelivr.net/combine/npm/katex@0.12.0/dist/katex.min.js,npm/katex@0.12.0/dist/contrib/auto-render.min.js"
  async="async"
  onload='renderMathInElement(document.body, { delimiters: [{left: "$$", right: "$$", display: true}, { left: "$", right: "$", display: false }, {left: "\\(", right: "\\)", display: false}, {left: "\\[", right: "\\]", display: true}]})'
></script>