Skip to content

Latest commit

 

History

History
330 lines (234 loc) · 5.32 KB

markdown使用总结.md

File metadata and controls

330 lines (234 loc) · 5.32 KB
Raw

发现了一个整理的很好的markdown使用手册，来自CSDN(https://mp.csdn.net/mdeditor#)，测试展现使用typora软件。

最常用的标记

标题（H1-H6):

## H2 word
#### H4 word
###### H6 word

表现为：

H2 word

H4 word

H6 word

强调、加粗、删除、引用文字：

*强调文字* 
**加粗文字**
~~删除文字~~
==高亮文字==
> 引用文字
`保留标记的文字"hehe"--haha--**hoho**`
上标文字^666^ 下标文字~222~ H~2~O

表现为：

强调文字

加粗文字

删除文字

==高亮文字==

引用文字

保留标记的文字"hehe"--haha--**hoho**

上标文字^666^ 下标文字222 H2O

插入图片：

链接：[link](http://cdn.zergzerg.cn/myzergicon.png)
图片：![link](http://cdn.zergzerg.cn/myzergicon.png)
带尺寸图片：![link](http://cdn.zergzerg.cn/myzergicon.png=30x30)

表现为：

链接：link

图片：link

带尺寸图片：link

typora不支持带尺寸。。。

列表生成：

- 一级项目
  - 二级项目
    - 三级项目
    
1. 项目1
2. 项目2
3. 项目3

- [ ] 未勾选任务
- [x] 勾选任务

表现为：

  • 一级项目
    • 二级项目
      • 三级项目
  1. 项目1
  2. 项目2
  3. 项目3
  • 未勾选任务
  • 勾选任务

表格生成：

普通表格|值
-------|---
行1|列
行2|列

|设定对齐方式的表格|左对齐|居中|右对齐|
|:----------:|:-----|:-:|---:|
|效果|左对齐|居中|右对齐|

表现为：

普通表格 值
行1 列
行2 列
设定对齐方式的表格 左对齐 居中 右对齐
效果 左对齐 居中 右对齐

自定义列表的生成：

姓名
: zergzz
性别
: 男
爱好
: coding
: hiking
: playing games

姓名 : zergzz 性别 : 男 爱好 : coding : hiking : playing games

(好吧，typora不支持这样的方式)

创建一个注脚和注释：

一个具有注脚的文本。[^2]
[^2]: 注脚的解释

markdown将文本转换而为HTML。
*[html]: 超文本标记语言

表现为：

一个具有注脚的文本。1

markdown将文本转换而为HTML。

*[HTML]: 超文本标记语言（Typora不支持这种形式）

高级功能

KaTeX数学公式：

可以使用LaTex数学表达式KaTex

Gamma公式展开$\Gamma(n)=(n-1)!\quad\forall n\in\mathbb N$是通过欧拉积分

$$
\Gamma(z)=\int_O^\infty t^{z-1}e^{-t}dt\,.
$$

表现为：

Gamma公式展开$\Gamma(n)=(n-1)!\quad\forall n\in\mathbb N$是通过欧拉积分 $$ \Gamma(z)=\int_O^\infty t^{z-1}e^{-t}dt,. $$ 甘特图、流程图表现：

​```mermaid
gantt
	dateFormat YYYY-MM-DD
	title 主标题
	section 现有任务
	已完成: done, des1, 2018-09-10,2018-09-12
	进行中: active, des2, 2018-09-15,5d
	计划一:         des3, after des2, 3d
	计划二:         des4, after des3, 8d
​```

表现为：

gantt
	dateFormat YYYY-MM-DD
	title 主标题
	section 现有任务
	已完成: done, des1, 2018-09-10,2018-09-12
	进行中: active, des2, 2018-09-15,5d
	计划一:         des3, after des2, 3d
	计划二:         des4, after des3, 8d
Loading

UML图标：

​```mermaid
sequenceDiagram
张三 ->> 李四:你好！李四，最近怎么样？
李四 -->> 王五:你最近怎么样，王五？
李四 --x 张三:我很好，谢谢
Note right of 王五: 李四想了很长时间换行<br/>不适合放一行

李四 -->> 张三: 打量着王五
张三 ->> 王五: 很好。。。。王五，你怎么样？
​```

序列图展现为：

sequenceDiagram
张三 ->> 李四:你好！李四，最近怎么样？
李四 -->> 王五:你最近怎么样，王五？
李四 --x 张三:我很好，谢谢
Note right of 王五: 李四想了很长时间行<br/>不适合放一行

李四 -->> 张三: 打量着王五
张三 ->> 王五: 很好。。。。王五，你怎么样？
Loading

流程图：

​```mermaid
graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D(菱形)
C --> D
​```

展现为：

graph LR
A[长方形] -- 链接 --> B((圆))
A --> C(圆角长方形)
B --> D(菱形)
C --> D
Loading

流程图：

​```mermaid
flowchat
  st => start: 开始
  e => end: 结束
  op => operation: 我的操作
  cond => condition: 确认？

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

展现为：

flowchat
  st => start: 开始
  e => end: 结束
  op => operation: 我的操作
  cond => condition: 确认？

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

(不支持，好像是只能使用typora的flow属性)，如下

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

st->op->cond
cond(yes)->e
cond(no)->op
​```
st=>start: Start
op=>operation: Your Operation
cond=>condition: Yes or No?
e=>end

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

Footnotes

  1. 注脚的解释 ↩