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

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

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      |

显示在网页上结果为:

DayMealPrice
Mondaypasta$6
Tuesdaychicken$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表示大写希腊字母Γ等。例如以下表所看到的。
字母实现字母实现
AAα\alhpa
BBβ\beta
Γ\Gammaγ\gamma
Δ\Deltaδ\delta
EEϵ\epsilon
ZZζ\zeta
HHη\eta
Θ\Thetaθ\theta
IIι\iota
KKκ\kappa
Λ\Lambdaλ\lambda
MMμ\mu
NNν\nu
Ξ\Xiξ\xi
OOο\omicron
Π\Piπ\pi
PPρ\rho
Σ\Sigmaσ\sigma
TTτ\tau
Υ\Upsilonυ\upsilon
Φ\Phiϕ\phi
XXχ\chi
Ψ\Psiψ\psi
Ω\vω\omega

2. 利用{}实现优先级。
比如$ x_i^2 $实现x2i。而$ x_{i^2} $实现xi2
比如$ \lim_{x\to\infty} $实现limx
3. 经常使用数学运算符表演示样例如以下。

运算符说明运算符案例案例实现
+x+y$ x + y $
-xy$ x - y $
\timesx×y$ x \times y $
\cdotxy$ x \cdot y $
\astxy$ x \ast y $
\divx÷y$ x \div y $
\frac分数xy$ \frac{x}{y} $
^上标xy$ x ^ y $
_下标xy$ x _ y $
\sqrt开二次方x$ \sqrt x $
\sqrt开方y4+3y1x$ \sqrt[x]{y^4+3y-1} $
\pm加减x±y$ x \pm y $
\mp减加xy$ x \mp y $
=等于x=y$ x = y $
\leq小于等于xy$ x \leq y $
\geq大于等于xy$ x \geq y $
\ngeq不大于等于xy$ x \ngeq y $
\not\geq不大于等于xy$ x \not\geq y $
\neq不等于xy$ x \neq y $
\approx约等于xy$ x \approx y $
\equiv恒等于xy$ x \equiv y $
\bigodot定义运算符xy=x+y2$ x \bigodot y=x+y^2 $
\bigotimes定义运算符xy=x+y2$ x \bigotimes y=x+y^2 $
\in属于xy$ x \in y $
\notin不属于xy$ x \notin y $
\subset子集xyxy
\not\subset非子集x⊄yx⊄y
\subseteq子集xyxy
\supset超集xyxy
\supseteq超集xyxy
\cupxy$ x \cup y $
\capxy$ 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+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部分xy$ \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++x2nx_1^2 + x_2^2 + \cdots + x_n^2
\uparrow上箭头$ \uparrow $
\Uparrow上箭头$ \Uparrow $

给个小作业:

Γ(z)=0tz1etdt.

本文为《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

转载于:https://www.cnblogs.com/blfshiye/p/5129935.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值