您的位置:首页 > 其它

【干货】Markdown语法实例(5000+请耐心阅读)

2018-02-11 21:24 288 查看
在CSDN上,写博客有两种编辑器,这里介绍Markdown编辑器用法。

快捷键

加粗——
ctrl + B


斜体——
ctrl + I


引用——
ctrl + Q


插入链接——
ctrl + L


插入图片——
ctrl + G


插入代码——
ctrl + K


提升标题——
ctrl + H


有序列表——
Ctrl + O


无序列表——
Ctrl + U


横线——
ctrl + R


撤销——
ctrl + Z


重做——
ctrl + Y


标题

我们使用不同数量的
#
来定义标题

示例:

#一级标题
##二级标题
###三级标题
####四级标题
#####五级标题
######六级标题




表格

这里使用
|
-
:
来创建一个表格。

其中
|
用于画表格中的竖线,
-
用于划分每个格子所占宽度,
:
用于定义对齐方式。

示例一:

代码:

|项目|价格|
|-------|-------|
|computer|$1600|
|phone|$120|


效果:

项目价格
computer$1600
phone$120

示例二:

代码:

|项目|价格|
|:-------|:-------:|
|computer|$1600|
|phone|$120|


效果:

项目价格
computer$1600
phone$120

示例三:

代码:

|项目|价格|
|-------:|:-------|
|computer|$1600|
|phone|$120|


效果:

项目价格
computer$1600
phone$120

列表

有序列表

代码:

1. 列表一
1. 子列表一
2. 列表二
3. 列表三


效果:

列表一

1. 子列表一

列表二

列表三

无序列表

代码:

- 列表一
- 列表二
- 子列表一
- 子列表二
- 子列表三


效果:

列表一

列表二

子列表一

子列表二

子列表三

目录

我们使用
[TOC]
来生成本篇文章目录。

快捷键

标题

表格
示例一

示例二

示例三

列表
有序列表

无序列表

目录

代码块

数学公式
角标和开方

分数表达

求和与联乘

微分与积分

极限与偏导数

三角函数

矩阵

数学符号
希腊字母表

数学符号

引用

图片

链接

流程图

删除线加粗及斜体
删除线

加粗

斜体

混合使用

字体
字体颜色

字号

字体

混合使用

横线

代码块

我们使用如下方式定义一个代码块:

代码:



效果:

#include<cstdio>
#include<algorithm>
using namespace std;
int main() {
#ifdef LOACL
freopen("in.txt","r",stdin);
freopen("out.txt","w",stdout);
#endif
printf("Hello World");
return 0;
}


数学公式

我们使用
$  $
来定义一个行内公式,
$$ $$
来定义一个块级公式。

角标和开方

代码:

$c=\sqrt{a^{2}+b_{xy}^2+e^{x}}$
$$c=\sqrt{a^{2}+b_{xy}^2+e^{x}}$$


效果:

c=a2+b2xy+ex−−−−−−−−−−√c=a2+bxy2+ex

c=a2+b2xy+ex−−−−−−−−−−√c=a2+bxy2+ex

分数表达

代码:

$\frac{x^{2}y^{2}}{x+y}$
$$\frac{x^{2}y^{2}}{x+y}$$


效果:

x2y2x+yx2y2x+y

x2y2x+yx2y2x+y

求和与联乘

代码:

$\sum_{i=1}^{n}{a_i}$
$$\sum_{i=1}^{n}{a_i}$$


效果:

∑ni=1ai∑i=1nai

∑i=1nai∑i=1nai

代码:

$\prod_{i=1}^{n}{a_i}$
$$\prod_{i=1}^{n}{a_i}$$


效果:

∏ni=1ai∏i=1nai

∏i=1nai∏i=1nai

微分与积分

代码:

$\int_{a}^{\pi} f(x)dx$
$$\int_{a}^{\pi} f(x)dx$$


效果:

∫πaf(x)dx∫aπf(x)dx

∫πaf(x)dx∫aπf(x)dx

极限与偏导数

代码:

$\lim_{x \to +\infty}\frac{1}{x}$
$$\lim_{x \to +\infty}\frac{1}{x}$$


效果:

limx→+∞1xlimx→+∞1x

limx→+∞1xlimx→+∞1x

代码:

$\frac{\partial^2 u}{\partial z^2}$
$$\frac{\partial^2 u}{\partial z^2}$$


效果:

∂2u∂z2∂2u∂z2

∂2u∂z2∂2u∂z2

三角函数

代码:

$\cos 2\theta = \cos^2 \theta - \sin^2 \theta \\ = 2 \cos^2 \theta - 1$
$$\cos 2\theta = \cos^2 \theta - \sin^2 \theta \\ = 2 \cos^2 \theta - 1$$


效果:

cos2θ=cos2θ−sin2θ=2cos2θ−1cos⁡2θ=cos2⁡θ−sin2⁡θ=2cos2⁡θ−1

cos2θ=cos2θ−sin2θ=2cos2θ−1cos⁡2θ=cos2⁡θ−sin2⁡θ=2cos2⁡θ−1

矩阵

代码:

$$\begin{equation}
A=\left[
\begin{matrix}
1&2&3&\\
2&2&3&\\
3&2&3&
\end{matrix}
\right]
\end{equation}$$


效果:

A=⎡⎣⎢123222333⎤⎦⎥(2)(2)A=[123223323]

数学符号

希腊字母表

字母代码字母代码字母代码字母代码
αα\alphaθθ\thetaoooυυ\upsilon
ββ\betaϑϑ\varthetaππ\piϕϕ\phi
γγ\gammaιι\iotaϖϖ\varpiφφ\varphi
δδ\deltaκκ\kappaρρ\rhoχχ\chi
ϵϵ\epsilonλλ\lambdaϱϱ\varrhoψψ\psi
εε\varepsilonμμ\muσσ\sigmaωω\omega
ζζ\zetaνν\nuςς\varsigma
ηη\etaξξ\xiττ\tau

数学符号

符号代码符号代码符号代码
<<<>>>===
≤≤\leq或\le≥≥\geq或\ge≡≡\equiv
≪≪\ll≫≫\gg≐≐\doteq
≺≺\prec≻≻\succ∼∼\sim
⪯⪯\preceq⪰⪰\succeq≃≃\simeq
⊂⊂\subset⊃⊃\supset≈≈\approx
⊆⊆\subseteq⊇⊇\supseteq≅≅\cong
⊏⊏\sqsubset⊐⊐\sqsupset⋈⋈\Join
⊑⊑\sqsubseteq⊒⊒\sqsupseteq⋈⋈\bowtie
∈∈\in∋∋\ni或\owns∝∝\propto
⊢⊢\vdash⊣⊣\dashv⊨⊨\models
∣∣\mid∥∥\parallel⊥⊥\perp
⌣⌣\smile⌢⌢\frown≍≍\asymp
:::∉∉\notin≠≠\neq或\ne
+++−−-
±±\pm∓∓\mp◃◃\triangleleft
⋅⋅\cdot÷÷\div▹▹\triangleright
××\times∖∖\setminus⋆⋆\star
∪∪\cup∩∩\cap∗∗\ast
⊔⊔\sqcup⊓⊓\sqcap∘∘\circ
∨∨\vee或\lor∧∧\wedge或\land∙∙\bullet
⊕⊕\oplus⊖⊖\ominus⋄⋄\diamond
⊗⊗\otimes◯◯\bigcirc⨿⨿\amalg
△△\bigtriangleup▽▽\bigtriangledown††\dagger
⊲⊲\lhd⊳⊳\rhd‡‡\ddager
⊴⊴\unlhd⊵⊵\unrhd≀≀\wr

引用

我们使用
>
来定义一个引用

示例:

代码:

> This is a question.


效果:

This is a question.

甚至还可以嵌套:

示例:

代码:

> This is a question.
>> This is a sub question.


效果:

This is a question.

This is a sub question.

图片

前面已经介绍过,我们可以使用
ctrl + G
来插入一个图,现在,我们来看一看手动插入图片的方法:

![这里写图片描述](图片的URL或path)


示例:

代码:

![这里写图片描述](https://img-blog.csdn.net/20180211194227712?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcXFfMzc2NTYzOTg=/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)


效果:



链接

我们可以手动定义一个链接。格式如下:

[链接描述](链接)


示例:

[我的博客地址](http://blog.csdn.net/qq_37656398)


我的博客地址

流程图

流程图是一个很复杂的东西,这里限于篇幅,只简要介绍。

流程图应使用如下方式定义:



先来示例:

代码:

flow
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

st->op->cond
cond(yes)->e
cond(no)->op


效果:

Created with Raphaël 2.1.2StartYour OperationYes or No?Endyesno

在流程图中,我们在程序前半部分定义了流程图中所有的元素,后半部分则创建了流程图的走向。

我们利用
tag=>type: content:>url
来定义一个流程图元素。

tag
是一个元素名,名称随意,在连接元素时会用到。

type
是标签类型。流程图中标签有如下六种:

start
:开始

end
:结束

operation
:操作

subroutine
:子程序

condition
:条件

inputoutput
:输入或输出

content
就是元素框中要写的内容,中英均可,特别注意:
:
后必有空格。

url
是链接,
:>
后跟着网址,网址与文本绑定。

我们使用
->
来连接两个元素,每个元素的连接方向默认向下,我们可以使用
right
来改变方向。

特别注意:由于
condition
型属于条件判断,故我们写
condition
型的连接时应采用如下写法:(仍以上面流程图为例)

cond(yes)->e


cond(no)->op


下面是我自己写的ISAP最大流算法流程图:

代码:

st=>start: 开始
ed=>end: 结束
op1=>operation: 清空距离数组d和GAP优化数组vd
op2=>operation: 将vd[0]置为总结点数N,将最大流值F置为0
while=>condition: 若d[S]小于N
sub=>subroutine: 调用DFS求出增广路
op5=>operation: 将F加上可增广值
op4=>inputoutput: 输出F

st->op1->op2->sub->op5->while
while(yes)->sub
while(no)->op4
op4->ed


效果:

Created with Raphaël 2.1.2开始清空距离数组d和GAP优化数组vd将vd[0]置为总结点数N,将最大流值F置为0调用DFS求出增广路将F加上可增广值若d[S]小于N输出F结束yesno

删除线、加粗及斜体

删除线

我们使用
~~ ~~
来定义一根删除线。

示例:

代码:

~~It is false.~~


效果:

It is false.

加粗

我们可以使用
** **
来让字体加粗。

代码:

**There is a question.**


效果:

There is a question.

斜体

我们可以使用
* *
来让字体变成斜体。

代码:

*This is a question.*


效果:

This is a question.

混合使用

我们甚至可以把它们混在一起使用,只要两两间能相互配对。

代码:

***This is a question.***


效果:

This is a question.

字体

我们还可以让字体更多彩!

字体颜色

我们只需要向输入文本前加上一句
<font color=red>
即可让文字颜色变成红色。

示例:

代码:

<font color=red>This is a question.
<font color=blue>This is a question.
<font color=black>This is a question.
<font color=orange>This is a question.


效果:

This is a question.

This is a question.

This is a question.

This is a question.

当然你可以将
red
替换为你希望的颜色的英文表达,就可以得出相应的字体颜色。

字号

我们亦可以加入
<font size=5>
来改变字号。

示例:

代码:

<font size=1>This is a question.
<font size=2>This is a question.
<font size=3>This is a question.
<font size=4>This is a question.
<font size=5>This is a question.
<font size=6>This is a question.
<font size=7>This is a question.


效果:

This is a question.

This is a question.

This is a question.

This is a question.

This is a question.

This is a question.

This is a question.

你也可以将
5
替换为1~7之间的整数,就可以获得不同大小的字!

字体

我们只需加入
<font face="仿宋">
来让字体变为仿宋字。

示例:

代码:

<font face="仿宋">我是一句话。
<font face="楷体">我是一句话。
<font face="宋体">我是一句话。


效果:

我是一句话。

我是一句话。

我是一句话。

你也可以将
"仿宋"
换成你心仪的字体名称。

混合使用

以上三种可以混在一起用,格式为
<font color=...,size=...,face=...>


示例:

代码:

<font color=red><font size=4><font face="仿宋">我是一句话。


效果:

我是一句话。

横线

我们可以利用七八个减号来定义一根横线

-------


这是Markdown编辑器的使用说明,

当然还有很多用法,

这里仅仅介绍了CSDN上的Markdown编辑器的几乎所有的用法,

如有未尽之处敬请谅解。

感谢阅读!
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  markdown csdn