0. 文件夹

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=πr2。

3.2 陈列公式(displayed formulas)

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

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

解析在网页上结果为:

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

S=πr2

3.3 MathJax语法

  1. 使用\alpha、\beta、\gamma表示希腊字母α、β、γ, 使用\Gamma表示大写希腊字母Γ等。例如以下表所看到的。
字母 实现 字母 实现
A A α \alhpa
B B β \beta
Γ \Gamma γ \gamma
Δ \Delta δ \delta
E E ϵ \epsilon
Z Z ζ \zeta
H H η \eta
Θ \Theta θ \theta
I I ι \iota
K K κ \kappa
Λ \Lambda λ \lambda
M M μ \mu
N N ν \nu
Ξ \Xi ξ \xi
O O ο \omicron
Π \Pi π \pi
P P ρ \rho
Σ \Sigma σ \sigma
T T τ \tau
Υ \Upsilon υ \upsilon
Φ \Phi ϕ \phi
X X χ \chi
Ψ \Psi ψ \psi
Ω \v ω \omega

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

比如$ x_i^2 $实现x2i。而$ x_{i^2} $实现xi2。

比如$ \lim_{x\to\infty} $实现limx→∞。

3. 经常使用数学运算符表演示样例如以下。

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

给个小作业:

Γ(z)=∫∞0tz−1e−tdt.

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

4. 深入

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

5. 声明

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

欢迎不论什么形式的转载。烦请注明装载,保留本段文字。



本文原文链接。http://blog.csdn.net/whqet/article/details/44277965

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

CSDN Markdown简明教程3-表格和公式的更多相关文章

  1. CSDN Markdown简明教程5-高速上手

    0.文件夹 文件夹 前言 CSDN Markdown特点 CSDN Markdown高速上手 1 使用快捷键 粗体斜体 引用 链接 高亮代码块 图片 标题 列表 切割线 撤销反复 2 使用离线写作 3 ...

  2. CSDN Markdown简明教程4-UML画画

    0.文件夹 文件夹 前言 序列图 1 序列图演示样例 2 序列图语法 流程图 1 流程图演示样例 2 流程图语法 节点定义 节点连接 Gravizo 声明 1. 前言 Markdown是一种轻量级的标 ...

  3. 2017.5.15 markdown简明教程

    0.说明 markdown是一种书写格式,html是一种发布格式.markdown的语法种类只对应html标记的一小部分(只涵盖纯文本). 不在markdown涵盖范围的标签,都可以直接在文档里用ht ...

  4. Markdown简明教程

    一.Markdown到底是什么? Markdown是一种轻量级的标记语言,它使用很少量的符号控制文字的样式和排版,简单易学,使你更专注于文字. 二.Markdown的使用 接下来让我们一起来看下Mar ...

  5. Markdown 使用教程

    前言 以前经常在 github 中看到 .md 格式的文件,一直没有注意,也不明白为什么文本文档的后缀不是 .txt ,后来无意中看到了 Markdown,看到了用这个东西写得一些web界面等特别的规 ...

  6. Markdown 简明语法手册 - 作业

    目录 Cmd Markdown 简明语法手册 1. 内容目录 2. 标签分类 3. 删除线 水平线--- 1. 斜体和粗体 2. 分级标题 标题1 标题2 标题3 3. 外链接 4. 无序列表 5. ...

  7. markdown简明语法1

    目录 Cmd Markdown 简明语法手册 1. 斜体和粗体 2. 分级标题 3. 外链接 4. 无序列表 5. 有序列表 6. 文字引用 7. 行内代码块 8. 代码块 9. 插入图像 Cmd M ...

  8. HTML简明教程(二)

    HTML简明教程(二) 一.HTML 图像 二.HTML 表格 三.HTML 列表 四.HTML div和 span 五.HTML 布局 六.HTML 表单和输入 七.HTML 框架 八.HTML内联 ...

  9. HTML简明教程(一)

    HTML简明教程(一) 内容主体来自:W3School 一.HTML 简介 二.HTML 基础 三.HTML 元素 四.HTML 属性 五.HTML 标题 六.HTML 段落 七.HTML 文本格式化 ...

随机推荐

  1. PHP图片裁剪函数(图像不变形)

    PHP图片裁剪函数(图像不变形) <? *exif_imagetype -- 判断一个图像的类型 *说明:函数功能是把一个图像裁剪为任意大小的图像,图像不变形 * 参数说明:输入 需要处理图片的 ...

  2. symfony2 关于是否需要建立多bundle

    http://blog.danielribeiro.org/yes-you-can-have-low-coupling-in-a-symfony-standard-edition-applicatio ...

  3. python2.7_1.14_编写一个简单的回显客户端/服务器应用

    1.服务端 server.py # -*- coding: utf-8 -*- import socket import argparse host = 'localhost' data_payloa ...

  4. mysql数据库指令导入导出

    mysql数据库导出使用  /mysql/bin/mysqldump指令 数据库导出 导出指令: [mysql安装目录]/bin/mysqldump -u[username] -p[password] ...

  5. Apache配置支持include

    Apache配置支持include 什么是SSI? SSI是英文Server Side Includes的缩写,翻译成中文就是服务器端包含的意思.从技术角度上说,SSI就是HTML文件中,可以通过注释 ...

  6. ora-01653: unable to extend table sys.aud$ by 8192 in tablespac system[转载]

    在用sqlplus user/password@truth登录数据库时报如下错误:ORA-00604: error occurred at recursive SQL level 1ORA-01653 ...

  7. 深入剖析PE文件

    不赖猴的笔记,转载请注明出处. 深入剖析PE文件 PE文件是Win32的原生文件格式.每一个Win32可执行文件都遵循PE文件格式.对PE文件格式的了解可以加深你对Win32系统的深入理解. 一.   ...

  8. HDU 5726 GCD(DP)

    [题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5726 [题目大意] 给出数列An,对于询问的区间[L,R],求出区间内数的GCD值,并且求出GCD ...

  9. UVA 11549 Calculator Conundrum (Floyd判圈算法)

    题意:有个老式计算器,每次只能记住一个数字的前n位.现在输入一个整数k,然后反复平方,一直做下去,能得到的最大数是多少.例如,n=1,k=6,那么一次显示:6,3,9,1... 思路:这个题一定会出现 ...

  10. 在头文件声明全局变量和创建extern

    在头文件声明全局变量和创建extern 问题: 是否有简单的方法,在头文件里定义我的变量,同时也为它们创建extern定义? 回答: 是的.尽管这不是必需的,使用正确的宏和一个头文件还是很容易实现的. ...