【Tools】MarkDown教程(三)-MarkDown表格和公式

00. 目录

01. 表格

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

MarkDown代码

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

html解析

<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的扩展语法,表格、公式

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

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

网页显示效果

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

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

02. 表格对齐方式

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

MarkDown代码

| 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插件才可能工作。

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

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

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

MarkDown代码

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

html解析


网页显示效果
, S = π r 2 一个简单的数学公式,求圆的面积S=\pi r^2。

04. 陈列公式

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

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

网页显示效果

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

05. MathJax语法

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

在这里插入图片描述

利用{}实现优先级。
例如$ x_i^2 $实现
x i 2 x_i^2
$ x_{i^2} $实现
x i 2 x_{i^2}
$ \lim_{x\to\infty} $实现
lim x \lim_{x\to\infty}

06. 常用数学运算符表

在这里插入图片描述

在这里插入图片描述
在这里插入图片描述

07. 附录

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

猜你喜欢

转载自blog.csdn.net/dengjin20104042056/article/details/107072326