ToolsMarkDown教程(三)-MarkDown表格和公式

00. 目录

文章目录

00. 目录
01. 表格
02. 表格对齐方式
03. 行内公式
04. 陈列公式
05. MathJax语法
06. 常用数学运算符表
07. 附录

01. 表格

Markdown使用管线图的方式实现表格，表格里面可以使用强调、链接等行内格式。

MarkDown代码

1
2
3
4
5

教程标题| 主要内容
-------|----------
关于Markdown | 简介Markdown，Markdown的优缺点
Markdown基础 | Markdown的**基本语法**，格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown表格和公式 | Markdown的**扩展语法**，表格、公式

html解析

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<table>
<thead>
<tr>
<th>教程标题</th>
<th>主要内容</th>
</tr>
</thead>
<tbody>
<tr>
<td>关于Markdown</td>
<td>简介Markdown，Markdown的优缺点</td>
</tr>
<tr>
<td>Markdown基础</td>
<td>Markdown的<strong>基本语法</strong>，格式化文本、代码、列表、链接和图片、分割线、转义符等</td>
</tr>
<tr>
<td>Markdown扩展</td>
<td>Markdown的<strong>扩展语法</strong>，表格、公式、UML图</td>
</tr>
</tbody>
</table>

网页显示效果

教程标题	主要内容
关于Markdown	简介Markdown，Markdown的优缺点
Markdown基础	Markdown的基本语法，格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown表格和公式	Markdown的扩展语法，表格、公式

注意，为了美观起见，可以把前后端管线补齐，如下面代码所示。

1
2
3
4
5

| 教程标题 | 主要内容 |
|------------|------------------------------|
|关于Markdown | 简介Markdown，Markdown的优缺点|
|Markdown基础 | Markdown的**基本语法**，格式化文本、代码、列表、链接和图片、分割线、转义符等|
|Markdown扩展 | Markdown的**扩展语法**，表格、公式、UML图|

网页显示效果

教程标题	主要内容
关于Markdown	简介Markdown，Markdown的优缺点
Markdown基础	Markdown的基本语法，格式化文本、代码、列表、链接和图片、分割线、转义符等
Markdown扩展	Markdown的扩展语法，表格、公式、UML图

注意，表头下面的虚线为了更好的分隔表头和表格内容，长度随意。

02. 表格对齐方式

我们可以指定表格单元格的对齐方式，如下面代码所示。

MarkDown代码

1
2
3
4

| Day | Meal | Price |
|:--------|---------:|:-------:|
| Monday | pasta | $6 |
| Tuesday | chicken | $8 |

html解析

网页显示效果

Day	Meal	Price
Monday	pasta	$6
Tuesday	chicken	$8

注意，表格列的宽度设置不能设置。Markdown更加关注内容，因此格式设置性能较弱，如果确实需要设置，请使用CSS。

03. 行内公式

通过使用MathJax，我们可以让Markdown解析LaTeX数学表达式，通常情况下，我们需要引入MathJax插件才可能工作。

1	<script type="text/javascript" src="//i2.wp.com/cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS_HTML"></script>

CSDN已经内置了这个插件，我们就不需要手动插入了，可以直接写数学公式了。

我们使用$...$的方式来包含行内公式

MarkDown代码

1	一个简单的数学公式,求圆的面积$S=\pi r^2$。

html解析

网页显示效果

一 个 简 单 的 数 学 公 式, 求 圆 的 面 积 S = π r^{2} 。 一个简单的数学公式,求圆的面积S=\pi r^2。

一个简单的数学公式,求圆的面积S=πr2。

04. 陈列公式

陈列公式使用$$...$$来表示

1
2
3
4
5

如果使用陈列公式，结果为：
一个简单的数学公式，求圆的面积。
$$
S=\pi r^2
$$

网页显示效果

一个简单的数学公式，求圆的面积。

S = π r^{2} S=\pi r^2

S=πr2

05. MathJax语法

使用\alpha、\beta、\gamma表示希腊字母α、β、γ，使用\Gamma表示大写希腊字母Γ等，如下图所示。
在这里插入图片描述

在这里插入图片描述

利用{}实现优先级。
例如$ x_i^2 $实现

x_{i}^{2} x_i^2

xi2?
而$ x_{i^2} $实现

x_{i^{2}} x_{i^2}

xi2?
$ \lim_{x\to\infty} $实现

\underset{x \to \infty}{\lim?} \lim_{x\to\infty}

x→∞lim?

06. 常用数学运算符表

在这里插入图片描述

07. 附录

MathJax官方网站
MathJax手册
MathJax使用LaTeX语法编写数学公式教程
Mathjax与LaTex公式简介
小敏纸的博文