现在的位置: 首页 > 综合 > 正文

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

2018年04月20日 ⁄ 综合 ⁄ 共 5133字 ⁄ 字号小中大 ⁄ 评论关闭

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

0. 目录

目录
前言
表格
- 1 表格
- 2 表格对齐方式
公式
深入
声明

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>

在网页中结果如下：

教程标题	主要内容
关于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      |

显示在网页上结果为：

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=\pi r^2$ 。

3.2 陈列公式（displayed formulas）

陈列公式使用$$...$$来表示，例如。

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

解析在网页上结果为：
一个简单的数学公式，求圆的面积。

S = π r 2

$S=\pi r^2$

3.3 MathJax语法

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

字母	实现	字母	实现
$Α$	`A`	$\alpha$	`\alhpa`
$B$	`B`	$\beta$	`\beta`
$\Gamma$	`\Gamma`	$\gamma$	`\gamma`
$\Delta$	`\Delta`	$\delta$	`\delta`
$E$	`E`	$\epsilon$	`\epsilon`
$Z$	`Z`	$\zeta$	`\zeta`
$H$	`H`	$\eta$	`\eta`
$\Theta$	`\Theta`	$\theta$	`\theta`
$I$	`I`	$\iota$	`\iota`
$K$	`K`	$\kappa$	`\kappa`
$\Lambda$	`\Lambda`	$\lambda$	`\lambda`
$M$	`M`	$\mu$	`\mu`
$N$	`N`	$\nu$	`\nu`
$\Xi$	`\Xi`	$\xi$	`\xi`
$O$	`O`	$\omicron$	`\omicron`
$\Pi$	`\Pi`	$\pi$	`\pi`
$P$	`P`	$\rho$	`\rho`
$\Sigma$	`\Sigma`	$\sigma$	`\sigma`
$T$	`T`	$\tau$	`\tau`
$\Upsilon$	`\Upsilon`	$\upsilon$	`\upsilon`
$\Phi$	`\Phi`	$\phi$	`\phi`
$X$	`X`	$\chi$	`\chi`
$\Psi$	`\Psi`	$\psi$	`\psi`
$\Omega$	`\v`	$\omega$	`\omega`

2. 利用{}实现优先级。
例如 $ x_i^2 $ 实现 $x_i^2$ ，而 $ x_{i^2} $ 实现 $x_{i^2}$ 。
例如$ \lim_{x\to\infty} $实现 $\lim_{x\to\infty}$ 。
3. 常用数学运算符表示如下。

运算符	说明	运算符案例	案例实现
+	加	$x + y$	$ x + y $
-	减	$x - y$	$ x - y $
\times	乘	$x \times y$	$ x \times y $
\cdot	乘	$x \cdot y$	$ x \cdot y $
\ast	乘	$x \ast y$	$ x \ast y $
\div	除	$x \div y$	$ x \div y $
\frac	分数	$\frac {x}{y}$	$ \frac{x}{y} $
^	上标	$x ^ y$	$ x ^ y $
_	下标	$x _ y$	$ x _ y $
\sqrt	开二次方	$\sqrt x$	$ \sqrt x $
\sqrt	开方	$\sqrt[x]{y^4+3y-1}$	$ \sqrt[x]{y^4+3y-1} $
\pm	加减	$x \pm y$	$ x \pm y $
\mp	减加	$x \mp y$	$ x \mp y $
=	等于	$x = y$	$ x = y $
\leq	小于等于	$x \leq y$	$ x \leq y $
\geq	大于等于	$x \geq y$	$ x \geq y $
\ngeq	不大于等于	$x \ngeq y$	$ x \ngeq y $
\not\geq	不大于等于	$x \not\geq y$	$ x \not\geq y $
\neq	不等于	$x \neq y$	$ x \neq y $
\approx	约等于	$x \approx y$	$ x \approx y $
\equiv	恒等于	$x \equiv y$	$ x \equiv y $
\bigodot	定义运算符	$x \bigodot y=x+y^2$	$ x \bigodot y=x+y^2 $
\bigotimes	定义运算符	$x \bigotimes y=x+y^2$	$ x \bigotimes y=x+y^2 $
\in	属于	$x \in y$	$ x \in y $
\notin	不属于	$x \notin y$	$ x \notin y $
\subset	子集	$x \subset y$	$x \subset y$
\not\subset	非子集	$x \not\subset y$	$x \not\subset y$
\subseteq	子集	$x \subseteq y$	$x \subseteq y$
\supset	超集	$x \supset y$	$x \supset y$
\supseteq	超集	$x \supseteq y$	$x \supseteq y$
\cup	并	$x \cup y$	$ x \cup y $
\cap	交	$x \cap y$	$ x \cap y $
\log	对数	$\log(x)$	$ \log(x) $
\overline	平均数	$\overline{x}$	$ \overline{x} $
\overline	连线符号	$\overline{a+b+c+d}$	$ \overline{a+b+c+d} $
\underline	下划线	$\underline{a+b+c+d}$	$ \underline{a+b+c+d} $
\overbrace	上大括号	$\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}$	$\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}$
\underbrace	下大括号	$\underbrace{a+d}_3 \|$	$\underbrace{a+d}_3$
\partial	部分	$\frac{\partial x}{\partial y}$	$ \frac{\partial x}{\partial y} $
\lim	极限	$\lim_{x\to\infty}$	$ \lim_{x\to\infty} $
\displaystyle	块公式格式	$\displaystyle \lim_{x\to\infty}$	$ \displaystyle \lim_{x\to\infty} $
\sum	求和	$\sum_1^n$	$ \sum_1^n $
\infty	极限	$\sum_{i=0}^\infty i^2$	$ \sum_{i=0}^\infty i^2 $
\int	积分	$\int_0^1 x^2 {\rm d}x$	$ \int_0^1 x^2 {\rm d}x $
\ldots	底端对齐的省略号	$1,2,\ldots,n$	$ 1,2,\ldots,n $
\cdots	中线对齐的省略号	$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) = \int \infty 0 t z - 1 e - t d t .

$\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.$

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

4. 深入

5. 声明

前端开发whqet，关注前端开发，分享相关资源。csdn专家博客，王海庆希望能对您有所帮助，限于作者水平有限，出错难免，欢迎拍砖！
欢迎任何形式的转载，烦请注明装载，保留本段文字。
本文原文链接，http://blog.csdn.net/whqet/article/details/44277965
欢迎大家访问独立博客http://whqet.github.io

【上篇】CSDN Markdown简明教程2-基本使用
【下篇】滑动结束 Activity（二）阴影效果和动画的实现

作者: CHURCEHAL

该日志由 CHURCEHAL 于6年前发表在综合分类下，最后更新于 2018年04月20日.
转载请注明: CSDN Markdown简明教程3-表格和公式 | 学步园 +复制链接

抱歉!评论已关闭.

学步园