Fork me on GitHub

markdown教程

markdown写技术博客还是很方便的,之前学过一些,今天重新学习了一遍,主要是一些最基本的markdown的用法。

0.目录

1.标题

代码

1
2
3
4
# 一级标题
## 二级标题
### 三级标题
#### 四级标题

显示效果:

二级标题

三级标题

四级标题

五级标题

2.加粗、斜体

代码

1
2
3
4
*斜体*
**粗体**
***加粗斜体***
~~~删除线~~~

显示效果:

  • 我爱你中国
  • 我爱你中国
  • 我爱你中国
  • ~我爱你中国~

3.链接

3.1行列式

代码:

1
2
欢迎来到[番茄技术小栈](http://fanqieto.top/)
欢迎来到[番茄技术小栈](http://fanqieto.top/ "番茄技术小栈") 鼠标在上显示title

显示效果:

3.2 自动链接

代码

1
2
<http://example.com/>
<http://example.com>

显示效果:


4.列表

4.1 无序列表

代码

1
2
3
* 无序列表一
* 无序列表二
* 无序列表三

显示效果

  • 无序列表一
  • 无序列表二
  • 无序列表三

4.2 有序列表

代码

1
2
3
4
1. 有序列表1
2. 有序列表2
3. 有序列表3
4. 有序列表4

显示效果

  1. 有序列表1
  2. 有序列表2
  3. 有序列表3
  4. 有序列表4

5. 引用

代码

1
2
3
4
5
>>> 小芳:怎么做饭?
>> 军旗:自己看教程!
> 小芳:教程在哪里?

显示效果

小芳:怎么做饭?

军旗:自己看教程!

小芳:教程在哪里?


6. 图片

代码

1
2
3
4
5
6
![图片Alt](图片地址 “图片Title”)
![漂亮的花朵](http://fanqietotop.cn/15014192615303gbsghkc.png?imageView/2/w/250/q/90 "漂亮的花朵")
七牛云参数:
2:代表pc端的缩略图
w: 代表宽度
q: 代表质量

显示效果
漂亮的花朵

7.分割线

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
14
***
---
```
**显示效果**
***
---
# 8. 插入代码
## 8.1 行内式
**代码**
``` php
今天学习php中的`echo`

显示效果
今天学习php中的echo

8.2 块代码

代码

1
2
3
/`/`/` php
echo "hello world";
/`/`/`

1
echo "hello world";

8.3 插入html代码

代码

1
2
3
4
5
6
7
8
9
10
11
12
13
<table>
<tr>
<th rowspan="2">值班人员</th>
<th>星期一</th>
<th>星期二</th>
<th>星期三</th>
</tr>
<tr>
<td>李强</td>
<td>张明</td>
<td>王平</td>
</tr>
</table>

显示效果













值班人员 星期一 星期二 星期三
李强 张明 王平

第二种方法

1
2
3
4
| 一个普通标题 | 一个普通标题 | 一个普通标题 |
| ------| ------ | ------ |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
一个普通标题 一个普通标题 一个普通标题
短文本 中等文本 稍微长一点的文本
稍微长一点的文本 短文本 中等文本
1
2
3
4
| 左对齐标题 | 右对齐标题 | 居中对齐标题 |
| :------| ------: | :------: |
| 短文本 | 中等文本 | 稍微长一点的文本 |
| 稍微长一点的文本 | 短文本 | 中等文本 |
左对齐标题 右对齐标题 居中对齐标题
短文本 中等文本 稍微长一点的文本
稍微长一点的文本 短文本 中等文本

语法说明:

  • |、-、:之间的多余空格会被忽略,不影响布局。
  • 默认标题栏居中对齐,内容居左对齐。
  • -:表示内容和标题栏居右对齐,:-表示内容和标题栏居左对齐,:-:表示内容和标题栏居中对齐。
  • 内容和|之间的多余空格会被忽略,每行第一个|和最后一个|可以省略,-的数量至少有一个。
-------------本文结束 感谢您的阅读-------------
  • 本文标题: markdown教程
  • 本文作者: 吴军旗
  • 本文链接: http://fanqieto.top/2017/07/28/markdown_study/
  • 版权声明: 本博客所有文章除特别声明外,均采用 CC BY-NC-SA 3.0 许可协议。转载请保留原文链接及作者!
    • 欢迎搜索及关注:番茄技术小栈,所有文章都将同步在公众号上!
坚持原创技术分享,您的支持将鼓励我继续创作!