CSDN Markdown简明教程3-表格和公式
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
$$
解析在网页上结果为:
一个简单的数学公式,求圆的面积。
3.3 MathJax语法
- 使用\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 | 平均数 | x¯ | $ \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+c1.0+d2.0 | $\overbrace{a+\underbrace{b+c}_{1.0}+d}^{2.0}$ |
\underbrace | 下大括号 | a+d3| | $\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 $ |
给个小作业:
本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式,主要解说Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。
4. 深入
5. 声明
前端开发whqet,关注前端开发。分享相关资源。csdn专家博客,王海庆希望能对您有所帮助。限于作者水平有限,出错难免。欢迎拍砖!
欢迎不论什么形式的转载。烦请注明装载,保留本段文字。
本文原文链接。http://blog.csdn.net/whqet/article/details/44277965
欢迎大家訪问独立博客http://whqet.github.io
CSDN Markdown简明教程3-表格和公式的更多相关文章
- CSDN Markdown简明教程5-高速上手
0.文件夹 文件夹 前言 CSDN Markdown特点 CSDN Markdown高速上手 1 使用快捷键 粗体斜体 引用 链接 高亮代码块 图片 标题 列表 切割线 撤销反复 2 使用离线写作 3 ...
- CSDN Markdown简明教程4-UML画画
0.文件夹 文件夹 前言 序列图 1 序列图演示样例 2 序列图语法 流程图 1 流程图演示样例 2 流程图语法 节点定义 节点连接 Gravizo 声明 1. 前言 Markdown是一种轻量级的标 ...
- 2017.5.15 markdown简明教程
0.说明 markdown是一种书写格式,html是一种发布格式.markdown的语法种类只对应html标记的一小部分(只涵盖纯文本). 不在markdown涵盖范围的标签,都可以直接在文档里用ht ...
- Markdown简明教程
一.Markdown到底是什么? Markdown是一种轻量级的标记语言,它使用很少量的符号控制文字的样式和排版,简单易学,使你更专注于文字. 二.Markdown的使用 接下来让我们一起来看下Mar ...
- Markdown 使用教程
前言 以前经常在 github 中看到 .md 格式的文件,一直没有注意,也不明白为什么文本文档的后缀不是 .txt ,后来无意中看到了 Markdown,看到了用这个东西写得一些web界面等特别的规 ...
- Markdown 简明语法手册 - 作业
目录 Cmd Markdown 简明语法手册 1. 内容目录 2. 标签分类 3. 删除线 水平线--- 1. 斜体和粗体 2. 分级标题 标题1 标题2 标题3 3. 外链接 4. 无序列表 5. ...
- markdown简明语法1
目录 Cmd Markdown 简明语法手册 1. 斜体和粗体 2. 分级标题 3. 外链接 4. 无序列表 5. 有序列表 6. 文字引用 7. 行内代码块 8. 代码块 9. 插入图像 Cmd M ...
- HTML简明教程(二)
HTML简明教程(二) 一.HTML 图像 二.HTML 表格 三.HTML 列表 四.HTML div和 span 五.HTML 布局 六.HTML 表单和输入 七.HTML 框架 八.HTML内联 ...
- HTML简明教程(一)
HTML简明教程(一) 内容主体来自:W3School 一.HTML 简介 二.HTML 基础 三.HTML 元素 四.HTML 属性 五.HTML 标题 六.HTML 段落 七.HTML 文本格式化 ...
随机推荐
- 创建XML文件
//创建XML文件 XmlDocument xmldoc = new XmlDocument(); XmlText xmltext; ...
- Oracle 查询时间在当天的数据
要实现这个功能需要用到trunc这个函数对时间的操作 select trunc(sysdate) from dual --2014-12-27 今天的日期为2014-12-27 select trun ...
- Angular form
参考 http://blog.xebia.com/2013/10/15/angularjs-validating-radio-buttons/ http://stackoverflow.com/que ...
- Linux中的盘符问题
在windows 中像 C.D.E.F这些都可以当盘符,就是说对应了我们所看到的C盘,D盘,E盘,F盘.然而是不是只能加26个硬盘了呢? 盘符到硬盘也只是一个对映关系,我们也是可以建立从一个文件夹到一 ...
- ODI学习笔记2--ODI产品架构
ODI学习笔记2--ODI产品架构 ODI产品架构: ODI提供了以下几种管理工具:Designer 用于定义数据转换逻辑,这是最常用的开发工具,大部分的开发任务,包括data store的定义,in ...
- setFocus一定要写在setLayout设置的后面,否则不起作用——使用setFocusPolicy为控件设置不同的焦点策略:Tab焦点,Click焦点,Wheel焦点和没有焦点
QLineEdit* pEditor = new QLineEdit(m_strText); pEditor->resize(.......); pEditor->move(. ...
- qwtplot3D安装——终结解决方案(YOUYOU版)
转自CSDN: 首先不得不说,要感谢北京邮电大学的阿科.感谢他慷慨的分享和极具科学态度的记录,将自己搜集到的众多资料收集整理发布,拯救众多苦逼寻找方案的程序员于苦海之中.因为最近接手新的项目,涉及到使 ...
- HDU 5737 Differencia(归并树)
[题目链接] http://acm.hdu.edu.cn/showproblem.php?pid=5737 [题目大意] 给出两个序列a和b,要求实现两个操作: 1. 将a序列的一个区间中的所有数改成 ...
- VIPS: a VIsion based Page Segmentation Algorithm
VIPS: a VIsion based Page Segmentation Algorithm VIPS: a VIsion based Page Segmentation Algorithm In ...
- 刷新指定行或区 cell
//一个section刷新 NSIndexSet *indexSetA = [[NSIndexSet alloc]initWithIndex:3]; //刷新第3段 [tableview rel ...