下面说的Markdown的表格形式已经被用烂了,但是一直不怎么用Markdown里面的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>
在网页中结果如下:
教程标题 | 主要内容 |
---|---|
关于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。(这里我顺便改下原帖,用Markdown时间也不算短了,深切体会到Markdown确实有些格式还是没有的,比如上面的红色字体就用很丑的,其实用css写确实有些污染Markdown原生环境,但是确实这些小的功能确实还是Markdown的短板)
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$。
编译之后表现在网页上,结果为:
一个简单的数学公式,求圆的面积
3.2 陈列公式(displayed formulas)
陈列公式使用
$$...$$
来表示,例如。
如果使用陈列公式,结果为:
一个简单的数学公式,求圆的面积。
$$
S=pi r^2
$$
解析在网页上结果为:
一个简单的数学公式,求圆的面积。
3.3 MathJax语法
使用alpha、eta、gamma表示希腊字母α、β、γ, 使用Gamma表示大写希腊字母Γ等,如下表所示。
字母 | 实现 | 字母 | 实现 |
---|---|---|---|
A | A | α | alhpa |
B | B | β | eta |
Γ | Gamma | γ | gamma |
Δ | Delta | δ | delta |
E | E | ϵ | epsilon |
Z | Z | ζ | zeta |
H | H | η | |
Θ | Theta | θ | heta |
I | I | ι | iota |
K | K | κ | kappa |
Λ | Lambda | λ | lambda |
M | M | μ | mu |
N | N | ν | u |
Ξ | Xi | ξ | xi |
O | O | ο | omicron |
Π | Pi | π | pi |
P | P | ρ | ho |
Σ | Sigma | σ | sigma |
T | T | τ | au |
Υ | Upsilon | υ | upsilon |
Φ | Phi | ϕ | phi |
X | X | χ | chi |
Ψ | Psi | ψ | psi |
Ω | v | ω | omega |
2. 利用{}实现优先级。
例如$ x_i^2 $
实现$ x_{i^2} $
实现
例如$lim_{x oinfty}$
实现
3. 常用数学运算符表示如下。
运算符 | 说明 | 运算符案例 | 案例实现 |
---|---|---|---|
+ | 加 | $ x + y $ |
|
- | 减 | $ x - y $ |
|
imes | 乘 | $ x imes y $ |
|
cdot | 乘 | $ x cdot y $ |
|
ast | 乘 | $ x ast y $ |
|
div | 除 | $ x div y $ |
|
frac | 分数 | $ frac{x}{y} $ |
|
^ | 上标 | $ x ^ y $ |
|
_ | 下标 | $ x _ y $ |
|
sqrt | 开二次方 | $ sqrt x $ |
|
sqrt | 开方 | $ sqrt[x]{y^4+3y-1} $ |
|
pm | 加减 | $ x pm y $ |
|
mp | 减加 | $ x mp y $ |
|
= | 等于 | $ x = y $ |
|
leq | 小于等于 | $ x leq y $ |
|
geq | 大于等于 | $ x geq y $ |
|
geq | 不大于等于 | $ x
geq y $ |
|
otgeq | 不大于等于 | x otgeq y $ | $ x
otgeq y $ |
eq | 不等于 | $ x
eq y $ |
|
approx | 约等于 | $ x approx y $ |
|
equiv | 恒等于 | $ x equiv y $ |
|
igodot | 定义运算符 | $ x igodot y=x+y^2 $ |
|
igotimes | 定义运算符 | $ x igotimes y=x+y^2 $ |
|
in | 属于 | $ x in y $ |
|
otin | 不属于 | $ x
otin y $ |
|
subset | 子集 | $x⊂y$ |
|
otsubset | 非子集 | $x⊄y$ |
|
subseteq | 子集 | $x⊆y$ |
|
supset | 超集 | $x⊃y$ |
|
supseteq | 超集 | $x⊇y$ |
|
cup | 并 | $ x cup y $ |
|
cap | 交 | $ x cap y $ |
|
log | 对数 | $ 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 | 上大括号 | $overbrace{a+underbrace{b+c}_{1.0}+d}^{2.0}$ |
|
underbrace | 下大括号 | $underbrace{a+d}_3$ |
|
partial | 部分 | $ frac{partial x}{partial y} $ |
|
lim | 极限 | $ lim_{x oinfty} $ |
|
displaystyle | 块公式格式 | $ displaystyle lim_{x oinfty} $ |
|
sum | 求和 | $ sum_1^n $ |
|
infty | 极限 | $ sum_{i=0}^infty i^2 $ |
|
int | 积分 | $ int_0^1 x^2 {
m d}x $ |
|
ldots | 底端对齐的省略号 | $ 1,2,ldots,n $ |
|
cdots | 中线对齐的省略号 | $x_1^2 + x_2^2 + cdots + x_n^2$ |
|
uparrow | 上箭头 | $ uparrow $ |
|
Uparrow | 上箭头 | $ Uparrow $ |
给个小作业:
本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式,主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。
- 深入
MathJax官方网站
MathJax手册
MathJax使用LaTeX语法编写数学公式教程
Mathjax与LaTex公式简介
小敏纸的博文
博文转自:
本文原文链接,http://blog.csdn.net/whqet/article/details/44277965
欢迎大家访问独立博客http://whqet.github.io
虽是转载,但是更正了原文部分错误,Markdown转载编辑也用了好长时间,转载本博请标明本文地址,谢谢