GitHub Markdown LaTeX to text technique

[bxb100]

最近发现的若干将 github md math 转为 SVG 的方式

1. github 自己的 render 服务^1

   • <img src="https://render.githubusercontent.com/render/math?math=e^{i \pi} = -1">
   • ![formula](https://render.githubusercontent.com/render/math?math=e^{i%20\pi}%20=%20-1) 这个注意空格
   • 在 github 上还可以切换 dark/light 模式
   • light: <img src="https://render.githubusercontent.com/render/math?math={e^{i \pi} = -1}#gh-light-mode-only">
   • dark: <img src="https://render.githubusercontent.com/render/math?math={\color{white}e^{i \pi} = -1}#gh-dark-mode-only">
   • 展示:

2. 使用基于 latex 的 readme2tex, 可惜好像没更新了

3. 使用 mathjax-node, 需要注意需要使用 double backslash ^2

[bxb100]

例子:

<p align="center">
  <img src='https://render.githubusercontent.com/render/math?math=sharks%20=%20\text{%CF%83}_{family%20=%20\text{%22}sharks\text{%22}}(animals)#gh-light-mode-only'>
  <img src='https://render.githubusercontent.com/render/math?math={\color{white}sharks%20=%20\text{%CF%83}_{family%20=%20\text{%22}sharks\text{%22}}(animals)}#gh-dark-mode-only'>
</p>

抑制点击

<p align="center">
  <a href="#gh-light-mode-only"><img src='https://render.githubusercontent.com/render/math?math=sharks%20=%20\text{%CF%83}_{family%20=%20\text{%22}sharks\text{%22}}(animals)#gh-light-mode-only'></a>
  <a href="#gh-dark-mode-only"><img src='https://render.githubusercontent.com/render/math?math={\color{white}sharks%20=%20\text{%CF%83}_{family%20=%20\text{%22}sharks\text{%22}}(animals)}#gh-dark-mode-only'></a>
</p>

[bxb100]

GitHub 已经原生支持了 2022-05-19-math-support-in-markdown

$e^{i \pi} = -1$