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>

在网页中结果如下:

教程标题 主要内容
关于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 S=\pi r^2。

3.2 陈列公式(displayed formulas)

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

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

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

S=πr2

S=\pi r^2

3.3 MathJax语法

  1. 使用\alpha、\beta、\gamma表示希腊字母α、β、γ, 使用\Gamma表示大写希腊字母Γ等,如下表所示。
字母 实现 字母 实现
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 $实现 x2i x_i^2,而$ x_{i^2} $实现 xi2 x_{i^2}。
例如$ \lim_{x\to\infty} $实现 limx→∞ \lim_{x\to\infty}。
3. 常用数学运算符表示如下。

运算符 说明 运算符案例 案例实现
+ 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. 深入

  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简明教程》课程上线!

    ++++++++++++++++++++++++++ --视频教程地址---– ++++++++++++++++++++++++++ 0. 目录 目录 前言 课程详情 课程介绍 课程目标 课程目录 课 ...

  2. Markdown 简明教程

    Markdown 简明教程 1. 标题 为了获得上面的 "1. 标题", 在 Markdown 编辑器里输入: # 1. 标题 "#" 后最好加个空格.除此之外 ...

  3. Markdown简明教程

    文章目录 介绍 Markdown 是一种标记语言 有很多编辑器支持Markdown语法 这里推荐 Typora 以下是常用MarkDown语法的整理 目录 在大标题下输入 [TOC] 然后按下回车即可 ...

  4. 【Tools】MarkDown教程(三)-MarkDown表格和公式

    00. 目录 文章目录 00. 目录 01. 表格 02. 表格对齐方式 03. 行内公式 04. 陈列公式 05. MathJax语法 06. 常用数学运算符表 07. 附录 01. 表格 Mark ...

  5. Markdown的使用之一:表格和公式

    表格和公式 1.1 表格 教程标题| 主要内容 -------|---------- 关于Markdown | 简介Markdown,Markdown的优缺点 Markdown基础 | Markdow ...

  6. CSDN Markdown编辑器编辑教程

    目录 快捷键 文字样式设置(字体, 大小, 颜色, 高亮底色)内嵌HTML 表格 定义列表 代码块 脚注 数学公式 UML 图: 离线写博客 常见颜色 @[TOC](目录) 快捷键 - 加粗 `Ctr ...

  7. HTML5简明教程系列之HTML5 表格与表单(二)

    HTML的第二弹也来了,最近高产似母猪,状态也不错,代码来源为实验课.本期主要内容为:HTML表格与DIV应用.HTML表单.上期基础部分的传送门: HTML5简明教程系列之HTML5基础(一)_Th ...

  8. markdown语法简明教程(一)

    markdown语法简明教程(一) Markdown 是一种轻量级标记语言,创始人为约翰·格鲁伯(John Gruber). 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的 XHTML( ...

  9. 神经网络基本原理简明教程

    神经网络基本原理简明教程 软件以及环境的准备 git安装官网 https://git-scm.com/ 介绍: Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目. gith ...

最新文章

  1. hihocoder编程练习赛75
  2. mac下mysql的安装
  3. 删除python的注册表_Python操作注册表详细步骤介绍
  4. 安徽工业大学计算机学院推免名单,2021年安徽工业大学拟录取推免研究生名单公示...
  5. .Net Core 部署到 CentOS7 64 位系统中的步骤
  6. Scrapy 爬虫框架初体验二 —— 以一个新闻站点爬取为例
  7. 考研数学一基础技巧题汇总
  8. 设计灵感|美容护肤主题,图文排版在Banner中的正确打开位置!
  9. 手把手教你整合最优雅SSM框架
  10. JavaScript浏览器对象模型
  11. 苹果CMSv10自适应短视频原创挖片网高端手机+电脑模板
  12. java平方根函数_java程序中怎么调用平方根函数
  13. editplus mysql模板_editplus下载
  14. 【前端基础面试题】如何用CSS画一个三角形(详解)
  15. 职场生存--向上管理
  16. 已有多项研究表明手机致癌,这12张图告诉你,如何摆脱手机上瘾!
  17. Android11 Launcher添加网格布局设置(3x3,4x4,5x5)
  18. 光猫、光纤收发器、路由器、交换机
  19. HTML做成信纸格式,wps2010中怎样把页面设置成信纸格?
  20. 转载:全局拉普拉斯平滑之(1)Strucutre extraction from texture via relative total variation及稀疏矩阵求解...

热门文章

  1. 小程序容器技术加持下,企业自主打造小程序生态
  2. 从最硬核买家秀,读懂华为数据中心网络的智能纪元
  3. 一张图读懂极大极小搜索和α-β剪枝
  4. NVIDIA GeForce Go 6100 for Wndows 7 (笔记本)
  5. 【学习求职必备】认真认识一下世界末日那年成立的“华为诺亚方舟实验室”...
  6. js代码实现打印九九乘法表
  7. Mac如何更改系统默认的播放器?
  8. 中小企业发展电子商务的必要性
  9. 远程控制电脑会不会泄露隐私
  10. excel 合并多个工作表,保留列宽等格式