您的位置：首页 > 其它

CSDN Markdown简明教程3-表格和公式

2015-03-16 22:06 232 查看

0. 目录

目录

前言

表格
1 表格

2 表格对齐方式

公式
1 行内公式

2 陈列公式displayed formulas

3 MathJax语法

深入

声明

1. 前言

Markdown是一种轻量级的标记语言，把作者从繁杂的排版工作中解放出来，实现易读易写的文章写作，已经逐渐成为事实上的行业标准。CSDN博客支持Markdown可以让广大博友更加专注于博客内容，大赞。但是，不少博友可能对Markdown比较生疏，本博接下来用一个系列文章《Markdown简明教程》扼要介绍Markdown，希望可以对大家有所帮助。

系列教程目录

关于Markdown

Markdown基本使用

Markdown表格和公式

Markdown UML图

CSDN Markdown快速上手

Markdown 参考手册

本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式，主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。

2. 表格

2.1 表格

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>

在网页中结果如下：

[thead]
[/thead]

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

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

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

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

2.2 表格对齐方式

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

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

显示在网页上结果为：

[thead]
[/thead]

Day	Meal	Price
Monday	pasta	$6
Tuesday	chicken	$8

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

3. 公式

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

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

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

3.1 行内公式

我们使用

$...$

的方式来包含行内公式，例如

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

编译之后表现在网页上，结果为：

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

3.2 陈列公式（displayed formulas）

陈列公式使用

$$...$$

来表示，例如。

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

解析在网页上结果为：

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

S=πr2
S=\pi r^2

3.3 MathJax语法

使用\alpha、\beta、\gamma表示希腊字母α、β、γ，使用\Gamma表示大写希腊字母Γ等，如下表所示。

[thead]
[/thead]

字母	实现	字母	实现
A Α	A	α \alpha	\alhpa
B B	B	β \beta	\beta
Γ \Gamma	\Gamma	γ \gamma	\gamma
Δ \Delta	\Delta	δ \delta	\delta
E E	E	ϵ \epsilon	\epsilon
Z Z	Z	ζ \zeta	\zeta
H H	H	η \eta	\eta
Θ \Theta	\Theta	θ \theta	\theta
I I	I	ι \iota	\iota
K K	K	κ \kappa	\kappa
Λ \Lambda	\Lambda	λ \lambda	\lambda
M M	M	μ \mu	\mu
N N	N	ν \nu	\nu
Ξ \Xi	\Xi	ξ \xi	\xi
O O	O	ο \omicron	\omicron
Π \Pi	\Pi	π \pi	\pi
P P	P	ρ \rho	\rho
Σ \Sigma	\Sigma	σ \sigma	\sigma
T T	T	τ \tau	\tau
Υ \Upsilon	\Upsilon	υ \upsilon	\upsilon
Φ \Phi	\Phi	ϕ \phi	\phi
X X	X	χ \chi	\chi
Ψ \Psi	\Psi	ψ \psi	\psi
Ω \Omega	\v	ω \omega	\omega

2. 利用{}实现优先级。

例如

$ x_i^2 $

实现x2ix_i^2，而

$ x_{i^2} $

实现xi2x_{i^2}。

例如

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

limx→∞\lim_{x\to\infty}。

3. 常用数学运算符表示如下。

[thead]
[/thead]

运算符	说明	运算符案例	案例实现
+	加	x+y x + y	$ x + y $
-	减	x−y x - y	$ x - y $
\times	乘	x×y x \times y	$ x \times y $
\cdot	乘	x⋅y x \cdot y	$ x \cdot y $
\ast	乘	x∗y x \ast y	$ x \ast y $
\div	除	x÷y x \div y	$ x \div y $
\frac	分数	xy \frac {x}{y}	$ \frac{x}{y} $
^	上标	xy x ^ y	$ x ^ y $
_	下标	xy x _ y	$ x _ y $
\sqrt	开二次方	x√ \sqrt x	$ \sqrt x $
\sqrt	开方	y4+3y−1−−−−−−−−−√x \sqrt[x]{y^4+3y-1}	$ \sqrt[x]{y^4+3y-1} $
\pm	加减	x±y x \pm y	$ x \pm y $
\mp	减加	x∓y x \mp y	$ x \mp y $
=	等于	x=y x = y	$ x = y $
\leq	小于等于	x≤y x \leq y	$ x \leq y $
\geq	大于等于	x≥y x \geq y	$ x \geq y $
\ngeq	不大于等于	x≱y x \ngeq y	$ x \ngeq y $
\not\geq	不大于等于	x≱y x \not\geq y	$ x \not\geq y $
\neq	不等于	x≠y x \neq y	$ x \neq y $
\approx	约等于	x≈y x \approx y	$ x \approx y $
\equiv	恒等于	x≡y x \equiv y	$ x \equiv y $
\bigodot	定义运算符	x⨀y=x+y2 x \bigodot y=x+y^2	$ x \bigodot y=x+y^2 $
\bigotimes	定义运算符	x⨂y=x+y2 x \bigotimes y=x+y^2	$ x \bigotimes y=x+y^2 $
\in	属于	x∈y x \in y	$ x \in y $
\notin	不属于	x∉y x \notin y	$ x \notin y $
\subset	子集	x⊂y x \subset y	x⊂y x \subset y
\not\subset	非子集	x⊄y x \not\subset y	x⊄y x \not\subset y
\subseteq	子集	x⊆y x \subseteq y	x⊆y x \subseteq y
\supset	超集	x⊃y x \supset y	x⊃y x \supset y
\supseteq	超集	x⊇y x \supseteq y	x⊇y x \supseteq y
\cup	并	x∪y x \cup y	$ x \cup y $
\cap	交	x∩y x \cap y	$ x \cap y $
\log	对数	log(x) \log(x)	$ \log(x) $
\overline	平均数	x¯ \overline{x}	$ \overline{x} $
\overline	连线符号	a+b+c+d¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯ \overline{a+b+c+d}	$ \overline{a+b+c+d} $
\underline	下划线	a+b+c+d−−−−−−−−−− \underline{a+b+c+d}	$ \underline{a+b+c+d} $
\overbrace	上大括号	a+b+c1.0+d2.0\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}	$\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}$
\underbrace	下大括号	a+d3\|\underbrace{a+d}_3 \|	$\underbrace{a+d}_3$
\partial	部分	∂x∂y \frac{\partial x}{\partial y}	$ \frac{\partial x}{\partial y} $
\lim	极限	limx→∞ \lim_{x\to\infty}	$ \lim_{x\to\infty} $
\displaystyle	块公式格式	limx→∞ \displaystyle \lim_{x\to\infty}	$ \displaystyle \lim_{x\to\infty} $
\sum	求和	∑n1 \sum_1^n	$ \sum_1^n $
\infty	极限	∑∞i=0i2 \sum_{i=0}^\infty i^2	$ \sum_{i=0}^\infty i^2 $
\int	积分	∫10x2dx \int_0^1 x^2 {\rm d}x	$ \int_0^1 x^2 {\rm d}x $
\ldots	底端对齐的省略号	1,2,…,n 1,2,\ldots,n	$ 1,2,\ldots,n $
\cdots	中线对齐的省略号	x21+x22+⋯+x2n x_1^2 + x_2^2 + \cdots + x_n^2	x_1^2 + x_2^2 + \cdots + x_n^2
\uparrow	上箭头	↑ \uparrow	$ \uparrow $
\Uparrow	上箭头	⇑ \Uparrow	$ \Uparrow $

给个小作业：

Γ(z)=∫∞0tz−1e−tdt.
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式，主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。

4. 深入

MathJax官方网站

MathJax手册

MathJax使用LaTeX语法编写数学公式教程

Mathjax与LaTex公式简介

小敏纸的博文

5. 声明

前端开发whqet，关注前端开发，分享相关资源。csdn专家博客，王海庆希望能对您有所帮助，限于作者水平有限，出错难免，欢迎拍砖！

欢迎任何形式的转载，烦请注明装载，保留本段文字。

本文原文链接，/article/1326515.html

欢迎大家访问独立博客http://whqet.github.io

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航