Markdown之列表&MathJax

下面说的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      |

显示在网页上结果为:

DayMealPrice
Mondaypasta$6
Tuesdaychicken$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$。

编译之后表现在网页上,结果为:
一个简单的数学公式,求圆的面积 S=πr2

3.2 陈列公式(displayed formulas)

陈列公式使用

$$...$$

来表示,例如。
如果使用陈列公式,结果为:

一个简单的数学公式,求圆的面积。
$$
	S=\pi r^2
$$

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

S=πr2

3.3 MathJax语法

使用\alpha、\beta、\gamma表示希腊字母α、β、γ, 使用\Gamma表示大写希腊字母Γ等,如下表所示。

字母实现字母实现
AAα\alhpa
BBβ\beta
Γ\Gammaγ\gamma
Δ\Deltaδ\delta
EEϵ\epsilon
ZZζ\zeta
HHη
Θ\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 $
\times x×y $ x \times y $
\cdot xy $ x \cdot y $
\ast xy $ 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+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不大于等于x \not\geq y $$ 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子集 xy $x⊂y$
\not\subset非子集 x̸y $x⊄y$
\subseteq子集 xy $x⊆y$
\supset超集 xy $x⊃y$
\supseteq超集 xy $x⊇y$
\cup xy $ x \cup y $
\cap xy $ 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++x2n $x_1^2 + x_2^2 + \cdots + x_n^2$
\uparrow上箭头 $ \uparrow $
\Uparrow上箭头 $ \Uparrow $

给个小作业:
Γ(z)=0tz1etdt,.
本文为《Markdown简明教程》系列教程的第3篇Markdown表格和公式,主要讲解Markdown实现表格、公式。下一篇文章我们来研读Markdown UML图。

  1. 深入

MathJax官方网站
MathJax手册
MathJax使用LaTeX语法编写数学公式教程
Mathjax与LaTex公式简介
小敏纸的博文

博文转自:
本文原文链接,http://blog.csdn.net/whqet/article/details/44277965
欢迎大家访问独立博客http://whqet.github.io

虽是转载,但是更正了原文部分错误,Markdown转载编辑也用了好长时间,转载本博请标明本文地址,谢谢

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值