Project Name | Stars | Downloads | Repos Using This | Packages Using This | Most Recent Commit | Total Releases | Latest Release | Open Issues | License | Language |
---|---|---|---|---|---|---|---|---|---|---|
Bytemd | 3,738 | 24 | 24 days ago | 63 | July 21, 2022 | 38 | mit | TypeScript | ||
Hackable Markdown Editor and Viewer | ||||||||||
Livebook | 3,557 | 1 | an hour ago | 20 | July 13, 2022 | 24 | apache-2.0 | Elixir | ||
Automate code & data workflows with interactive Elixir notebooks | ||||||||||
Markor | 2,741 | a day ago | 44 | other | Java | |||||
Text editor - Notes & ToDo (for Android) - Markdown, todo.txt, plaintext, math, .. | ||||||||||
Vscode Markdown | 2,594 | 8 days ago | 1 | October 27, 2018 | 286 | mit | TypeScript | |||
Markdown All in One | ||||||||||
Texme | 2,138 | 4 months ago | 12 | February 02, 2022 | 2 | mit | JavaScript | |||
Self-rendering Markdown + LaTeX documents | ||||||||||
Cocalc | 1,055 | 3 | 4 hours ago | 192 | July 12, 2022 | 1,594 | other | TypeScript | ||
CoCalc: Collaborative Calculation in the Cloud | ||||||||||
Mdmath | 717 | a year ago | 42 | June 06, 2021 | 6 | mit | JavaScript | |||
LaTeX Math for Markdown inside of Visual Studio Code. | ||||||||||
Marp Core | 609 | 19 | 4 | a day ago | 79 | September 08, 2022 | 8 | mit | TypeScript | |
The core of Marp converter | ||||||||||
Muboard | 539 | 6 months ago | 7 | February 02, 2022 | mit | JavaScript | ||||
Self-rendering and distributable mathematics chalkboards | ||||||||||
Cs6120 | 423 | 3 months ago | 12 | mit | HTML | |||||
advanced compilers |
This is a VS Code extension to help you convert a standard LaTeX math equation like $E=mc^2$
to an image like (remote) or a local SVG which can be embedded inside Markdown files or websites that doesn't support rendering LaTeX yet. (That's you GitHub!)
Read more about Math to Image here:
There are two modes in which we will render your math equations in Markdown:
This is actually a hack. GitHub won't render LaTeX equations inside normal places like GitHub README, but it can render them in Jupyter notebooks, so we took advantage of this feature, utilizing GitHub's equation rendering server to embed SVG equations in GitHub. (See here for details: A hack for showing LaTeX formulas in GitHub markdown.)
Basically we can convert a standard LaTeX math equation like the Gaussian Normal Distribution...
$$
P(x) = \frac{1}{\sigma\sqrt{2\pi}} e^{\frac{-(x-\mu)^2}{2\sigma^2}}
$$
... to a rendered image tag with the help of GitHub's math rendering server:
<div align="center"><img style="background: white;" src="https://render.githubusercontent.com/render/math?math=P(x)%20%3D%20%5Cfrac%7B1%7D%7B%5Csigma%5Csqrt%7B2%5Cpi%7D%7D%20e%5E%7B%5Cfrac%7B-(x-%5Cmu)%5E2%7D%7B2%5Csigma%5E2%7D%7D"></div>
In addition to GitHub's rendering server, we also newly added support for CodeCogs' rendering server:
<div align="center"><img style="background: white;" src="https://latex.codecogs.com/svg.latex?P(x)%20%3D%20%5Cfrac%7B1%7D%7B%5Csigma%5Csqrt%7B2%5Cpi%7D%7D%20e%5E%7B%5Cfrac%7B-(x-%5Cmu)%5E2%7D%7B2%5Csigma%5E2%7D%7D"></div>
Not everywhere accept external SVGs. To circumvent this type of scenario, we can render math equations directly to local SVGs (with MathJax), and embed these local SVGs into our Markdown as a workaround.
We can convert the same LaTeX math equation:
$$
P(x) = \frac{1}{\sigma\sqrt{2\pi}} e^{\frac{-(x-\mu)^2}{2\sigma^2}}
$$
To a local SVG like: svg/e40qQ5G9jw.svg
, which will be saved to a dedicate folder called svg
, and sourced inside the Markdown file that requires math-embedding.
🌸 NOTE: There used to be a demo SVG here, but Visual Studio Marketplace won't allow us to add local SVGs inside their README.
If you are reading this on GitHub, you can see that both of these methods work when we need to add math equations to READMEs or other Markdown files on GitHub.
See examples for more math equation rendering scenarios, i.e, inline math, aligned environments...
You can specify the path to save the locally rendered SVG image. The settings are self-explanatory.
Current file directory
: Generated SVG files will be put in a folder under current file's directory.Current workspace directory
: Generated SVG files will be put in a folder under current workspace directory.GitHub
: Equations will be rendered with GitHub's rendering engine remotely.CodeCogs
: Equations will be rendered with CodeCogs' rendering engine remotely.transform: translateY(0.1em); background: white;
. Note: Not supported with Markdown-insertionType.background: white;
. Note: Not supported with Markdown-insertionType.For version updates and bug fixes, please see: CHANGELOG.
📐 Math » Image © TeamMeow. Released under the MIT License.
Authored and maintained by TeamMeow members.