How to use MathJax in Markdown

最新推荐文章于 2024-11-09 23:59:24 发布

原创最新推荐文章于 2024-11-09 23:59:24 发布 · 811 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#markdown #博客

markdown 专栏收录该内容

3 篇文章

订阅专栏

本文介绍如何在Markdown文档中使用MathJax显示数学公式，适用于撰写博客等场景。通过简单地将MathJax的JavaScript文件引入Markdown文件，即可轻松实现复杂的数学公式排版。

How to use MathJax in Markdown

When to Use MathJax?

When using markdown to write blog, especially using Github Page to do it. You may have trouble to display formula. There are several ways[1] to do that. But the simplest way is to use MathJax.

How to Use MathJax?

Add the code below to your markdown file, and that’s it!

<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"> </script>

For example, add the test code to your blog.md file

<script type="text/javascript" async src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"> </script>

test: $$n==x$$

Reference

[1] Markdown中插入数学公式的方法

[2] MathJax Chinese Doc 2.0 documentation

[3] MathJax basic tutorial and quick reference

[4] docs.mathjax.org

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

zhichengMLE

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Formatting using TeX

大怀特的博客

10-12

678

Functions, symbols, special characters[edit] Accents and diacritics[edit] \dot{a}, \ddot{a}, \acute{a}, \grave{a} {\displaystyle {\dot {a}},{\ddot {a}},{\acute {a}},{\grave {a}}} \check{a}, \breve{a}, \tilde{a}, \bar{a} {\displaystyle {.

Hexo主题之livemylife个性化构建你的博客

qq_47654010的博客

08-23

1115

本篇博客已首发在个人博客【快乐码原】：Hexo主题之livemylife个性化构建你的博客欢迎各位客官来康康~ tips：部分图片加载异常，可以到我的个人博客浏览完整版。简介 livemylife是hexo5.x主题之一，比起主流的next、yilia等知名度有一定差距；但本人依然在搭建完next主题后选择使用livemylife重构博客，下面是我的博客【快乐码原】效果图：夜间模式：白天模式：下面我先将官方配置文档copy一份，方便查阅，然后在后面加上我的个性化配置以及bug处.

参与评论您还未登录，请先登录后发表或查看评论

MathJax（MarkdownPad 2 显示数学公式）

04-09

MarkdownPad 2 显示数学公式，使用MathJax MarkdownPad 2是不支持数学公式在编辑器内实时渲染的，但是MarkdownPad 2的好处是可以左右对比格式和效果。这里介绍一个MarkdownPad 2 查看数学公式的方法。使用教程：https://blog.youkuaiyun.com/qq_34243930/article/details/89158353

MathJax插件（用于阅读markdown中的公式）

04-24

由于github目前识别latex的公式存在困难，一些解决方案提出给chrome安装MathJax插件，即可查看github中markdown文件的公式。这里提供了该插件，测试有效。内含使用的说明文档。

在Markdown中输入数学公式(MathJax)

MR CUI的专栏

12-05

1379

ColdRomantic 关注 2017.06.25 19:46* 字数 435 阅读 21462评论 6喜欢 39 1 基本语法 1.1 呈现位置正文(inline)中的LaTeX公式用$...$定义语句为$\sum_{i=0}^N\int_{a}^{b}g(t,i)\text{d}t$ 显示在当前行内(简书目前不支持mathjax 只好暂时用图片代替了→_→) ...

markdown数学公式(MathJax)

沐雨云楼

06-27

6617

在写blog，或者写markdown格式文档式，我们时不时会写数据公式，本篇就来介绍markdown种如何写各种数据公式本文概要 markdown编写工具typora公式支持设置 MathJax公式书写浩瀚的网络中，你我的相遇也是种缘分，看你天资聪慧、骨骼精奇，就送你一场大造化吧，能领悟多少就看你自己了。㊙传承之地???? 1.typora typora是markdown书写工具，默认数学公式功能支持没有全部打开，所以需要设置下步骤：文件 ➡ 偏好设置 ➡ Markdown ➡ Mark

IPython的%魔术命令

少年一贯快马扬帆，道阻且长不转弯；要盛大，要绚烂，要哗然；要用理想的泰坦尼克，去撞现实的冰川；要当烧赤壁的风，而非借鉴草船；要为了一片海，就肯翻万山。

01-28

1078

%magic --no-display Don't capture IPython's rich display. %%cmd: %%cmd script magic Run cells with cmd in a subprocess. This is a shortcut for `%%script cmd` %%debug: :: %debug [--breakpoint FILE:LINE] [state...

hexo 搭建个人博客网站

m0_69003698的博客

11-09

2125

主要记录一下搭建网站的步骤，以及搭建好之后该怎么修改yml文件，使自己的网站看起来好看些，后期发布文章等等。。。此搭建全程免费，非常的不错（除了更改域名之外)有什么附加功能大家可以一块在留言区讨论。🔑 注释：我的内容从许多博客，帖子中汲取接下来咱们开始进入正题。

重学 Statistics，Cha7 Sampling and Sampling Distribution

santongwater的专栏

07-20

3583

7.1 Selecting a Sample1. Simple Random Sampling (Finite)A simple random sample of size n from a finite population of size N is a sample selected such that each possible sample of size n has the same pr

markdown 的 mathjax 公式

Anubis

07-30

253

基本语法公式呈现效果两个quad空格a \qquad b$a \qquad b$quad空格a \quad b$a\quad b$大空格a\ b$a\ b$没有空格ab\,$ab\,$紧贴a\!b$a!b$换行a\\ b$a\ b$行内公式也可显示为文内公式的样子，需要在前面加上\displaystyle，如常用数学符号1.基础符号运算符说明应用举例命令+加$x+y$x+y-减$x − y$x-y...

MathJax 数学符号以及公式在 Markdown 中的运用

独化蓝翅鸟，越岭万昆仑

03-02

5082

关于 MathJax 使用 MathJax 渲染 LaTex 数学公式，详见 math.stackexchange.com，在 Markdown 中输入数学公式需要 LaTeX 语法的支持。例如: 行内公式，数学公式为：Γ(n)=(n−1)!∀n∈NΓ(n)=(n−1)!∀n∈N\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N。块级公式： ...

Markdown语法中输入数学公式（MathJax）及特殊符号

自己写着玩的

02-17

7840

欢迎关注我的微信公众号“人小路远”哦，在这里我将会记录自己日常学习的点滴收获与大家分享，以后也可能会定期记录一下自己在外读博的所见所闻，希望大家喜欢，感谢支持！如果只是需要检索某个特殊符号怎么输入的请直接翻到文章最后，如果之前没搞过的建议至少先把第一个看了吧。参考： MathJax basic tutorial and quick reference Markdown公式编辑学习笔...

MathJax——markdown公式输入语法

qq_43284141的博客

04-19

382

官方文档： https://math.meta.stackexchange.com/questions/5020/mathjax-basic-tutorial-and-quick-reference 常用： https://www.jianshu.com/p/a0aa94ef8ab2

Markdown之列表&MathJax

AI蜗牛之家

10-25

2045

下面说的Markdown的表格形式已经被用烂了，但是一直不怎么用Markdown里面的MathJax，实在不行就小窗截图，随着这个审美的不断提升，现在看那个实在是越来越丑啊，下面贴下转载的帖子，好好学习下。1. 前言Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。优快云博客支持Markdown可以让广大博友更加专注于博

使用 Markdown + MathJax 在博客里插入数学公式

最新发布

02-14

### 集成 MathJax 到 Vue3 项目为了在 Vue3 中使用 MathJax 渲染 Markdown 文件内的数学公式，需完成几个关键步骤来确保正确配置环境。 #### 安装必要的依赖包首先，在项目根目录下安装 `mathjax` 和用于解析 Markdown 的工具链： ```bash npm install mathjax markdown-it markdown-it-texmath ``` 这组命令会引入 MathJax 库以及强大的 Markdown 解析器和 TeX 数学表达式处理器[^1]。 #### 创建全局插件或组合 API 组件创建一个新的文件夹 `/plugins/mathjax.js` 或者直接在一个组合式 API 组件里定义如下逻辑： ```javascript import { onMounted } from 'vue'; import * as MathJax from 'mathjax'; export default function useMathRenderer() { const renderMath = () => { window.MathJax.typeset(); }; onMounted(() => { renderMath(); }); } ``` 该函数会在组件挂载完成后调用 MathJax 来重新排版页面上的所有 LaTeX 表达式。 #### 修改公共 HTML 模板编辑位于项目的 `public/index.html` 文件，加入指向 MathJax CDN 资源链接的 `<script>` 标签: ```html <script src="https://polyfill.io/v3/polyfill.min.js?features=es6"></script> <script id="MathJax-script" async src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-mml-chtml.js"></script> ``` 这些脚本标签应该放置在文档头部以便尽早加载资源并准备就绪。 #### 处理 Markdown 内容对于要显示的内容部分，先利用 `markdown-it` 及其扩展 `markdown-it-texmath` 将原始字符串转化为带有适当标记的语言片段。可以在单文件组件 (SFC) 中实现这一点： ```vue <template> <div v-html="compiledMarkdown"></div> </template> <script setup> import { ref, computed } from 'vue'; import MarkdownIt from 'markdown-it'; import mdTexMath from 'markdown-it-texmath'; const rawContent = '# Example\n$$E=mc^2$$'; // 这里替换为实际获取到的文章内容 const mdParser = new MarkdownIt().use(mdTexMath); const compiledMarkdown = computed(() => mdParser.render(rawContent)); </script> <script> // 导入自定义 hook 并应用它 import useMathRenderer from '@/plugins/mathjax'; useMathRenderer(); </script> ``` 这样做的好处是可以灵活控制何时何地触发渲染过程，并且保持良好的分离关注点原则。