两个目的:

  • 诚挚地向各位安利Markdown文本编辑方式
  • 把常用的markdown和html语法搬上来防止太久没用而忘记

What is markdown?

Markdown的百度百科

  Markdown是一种轻量级标记语言,创始人为约翰·格鲁伯(英语:John Gruber)。 它允许人们使用易读易写的纯文本格式编写文档,然后转换成有效的XHTML(或者HTML)文档。这种语言吸收了很多在电子邮件中已有的纯文本标记的特性。
  由于Markdown的轻量化、易读易写特性,并且对于图片,图表、数学式都有支持,许多网站都广泛使用Markdown来撰写帮助文档或是用于论坛上发表消息。 如GitHub、Reddit、Diaspora、Stack Exchange、OpenStreetMap 、SourceForge、简书等,甚至还能被使用来撰写电子书。

  说简单点,就是在做一些有较多格式的文档时更加便利,摆脱排版困扰,而且界面可以塑造得更加美观,可自定义程度更高。目前本人使用的markdown文本编辑器是Typora,是一款非常漂亮的写作APP而且win和mac系统都能够支持,使用体验极好~

  上手试一下?

  再说一遍,这年头谁还用word写文档!


标题

1
2
3
4
5
6
# 这是一级标题
## 这是二级标题
### 这是三级标题
#### 这是四级标题
##### 这是五级标题
###### 这是六级标题

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

字体

1
2
3
4
5
6
**这是加粗的文字**
*这是倾斜的文字*
***这是斜体加粗的文字***
~~这是加删除线的文字~~
==这是高亮的文字==
`行内代码块`

这是加粗的文字
这是倾斜的文字
这是斜体加粗的文字
这是加删除线的文字
==这是高亮的文字==
行内代码块

引用

1
2
3
>这是引用的内容
>>这是引用里引用的内容
>>>这是引用里引用的引用的内容

这是引用的内容

这是引用里引用的内容

这是引用里引用的引用的内容

分割线

1
2
3
4
---
----
***
*****




图片

语法:

1
2
3
4
![图片alt](图片地址 ''图片title'')

图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例:

1
![流泪猫猫头](https://test.kuuhaku.top/photos/hhh/kamisama.jpg "神啊!!!")

流泪猫猫头

超链接

语法:

1
2
[超链接名](超链接地址 "超链接title")
title可加可不加

示例:

1
2
[百度](http://baidu.com)
[为什么你总是那么穷](https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&rsv_idx=1&tn=78000241_5_hao_pg&wd=%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BD%A0%E6%80%BB%E6%98%AF%E9%82%A3%E4%B9%88%E7%A9%B7&fenlei=256&oq=%25E4%25B8%25BA%25E4%25BB%2580%25E4%25B9%2588%25E4%25BD%25A0%25E5%25BE%2588%25E7%25A9%25B7&rsv_pq=db65acef0006681f&rsv_t=3d9fE7OZ%2FYYNHT5obDaRdTaHoPuoNnzLrnYiKCwI7av9pBv6StpUTJQqiOcQ1s9D8aPUUAqzaqQ&rqlang=cn&rsv_enter=1&rsv_dl=tb&rsv_btype=i&inputT=7760&rsv_sug3=37&rsv_sug1=49&rsv_sug7=100&bs=%E4%B8%BA%E4%BB%80%E4%B9%88%E4%BD%A0%E5%BE%88%E7%A9%B7)

百度
为什么你总是那么穷

列表

无序列表

1
2
3
4
5
6
7
8
9
10
- 一级列表
+ 一级列表
+ 二级列表
+ 三级列表
* 一级列表

注意:
无序列表用 - + * 任何一种都可以
- + * 跟内容之间都要有一个空格
下一级列表只需在前面多敲一个Tab
  • 一级列表
  • 一级列表
    • 二级列表
      • 三级列表
  • 一级列表

有序列表

1
2
3
4
5
6
7
8
9
10
11
1. 一级列表
1. 二级列表
2. 二级列表
2. 一级列表
+ 二级列表
+ 二级列表
3. 一级列表

注意:
序号跟内容之间要有空格
产生下一级列表的方法同无序列表
  1. 一级列表
    1. 二级列表
    2. 二级列表
  2. 一级列表
    • 二级列表
    • 二级列表
  3. 一级列表

表格

语法:

1
2
3
4
5
6
7
8
9
10
表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右

示例:

1
2
3
4
5
人物|性别|备注
-|:-:|-:
椎名真白|女|老婆
艾伦野鸽儿|男|猎妈人
布洛特亨格尔|不详|重伤倒地
人物 性别 备注
椎名真白 老婆
艾伦野鸽儿 猎妈人
布洛特亨格尔 不详 重伤倒地

代码

语法:

1
2
3
4
5
```代码语言
代码...
代码...
代码...
​```

示例:

1
2
3
4
```c  
for(int i=1;i<520;i++)
printf("Day%d: I Love You~",i);
​```

效果展示:

1
2
for(int i=1;i<520;i++)
printf("Day%d: I Love You~",i);

流程图

语法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
```flow
st=>start: 开始
op1=>operation: 操作1
op2=>operation: 操作2
sub=>subroutine: 分支流程图
cond=>condition: 选择
e=>end: 结束

st->op1->op2->sub->cond
cond(yes)->e
cond(no)->op1
```

注:
上半部分是流程图每个元素的定义,=> 符号之前的是变量名,可以自己定义以方便记忆
下半部分用于将元素连接起来形成流程图

示例:

1
2
3
4
5
6
7
8
9
10
11
op1=>operation: 取第一个字节
op2=>operation: 取高位
op3=>operation: 高低位转换,存入显示缓冲区
op4=>operation: 取低位,存显示缓冲区
op5=>operation: 指向下一个字节
con=>condition: 是否转换完?
e=>end: 返回

op1->op2->op3->op4->op5->con
con(yes)->e
con(no)->op2

效果展示:

LaTeX数学公式

语法:

1
2
$\sum_{i=1}^n a_i=0$        $i^2 = \frac{(n^2+n)(2n+1)}{6}$
$$\lim_{x\to 0}$$

实例:

$\sum_{i=1}^n a_i=0$ $i^2 = \frac{(n^2+n)(2n+1)}{6}$

$$\lim_{x\to 0}$$

更多LaTeX公式参考MaxJax

HTML标签

语法:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<h6 id='anchor'>我是一个锚点</h6>

&nbsp;&nbsp;不断行的空白格&nbsp;或&#160;|
&ensp;&ensp;半方大的空白&ensp;或&#8194;|
&emsp;&emsp;全方大的空白&emsp;或&#8195;|

<font size=5 color=\#4682B4>字尺寸5,颜色#4682B4</font>

<details>
<summary>收纳项标题</summary>
<br>
收纳项内容
<br>
换行
<br>
<br>
换行之后又空了一行
</details>

[页面内跳转](#anchor)

实例:

我是一个锚点

  不断行的空白格 或 |
  半方大的空白 或 |
  全方大的空白 或 |


字尺寸5,颜色#4682B4


收纳项标题
收纳项内容
换行

换行之后又空了一行

页面内跳转

视频

1
<video width="320" height="240" controls>   <source src="视频地址" type="video/mp4"></video>