markdown学习笔记

发表于 | 分类于


第一次接触markdown，觉得很新鲜。相比html css等它显得更加轻巧和语义化。非常适合用于写作，建议使用的阅读器MWeb写作，支持实时预览还能导出markdown文本，更厉害的是支持图片自动发布到云端

1、标题

标题的语法是：# 标题。前面的#号个数表示标题的级别，1个#表示一级标题，2个#号表示二级标题，以次类推，最多6级。如下所示，括号内容表示在markdown中输入的内容。

一级标题(# 一级标题)

二级标题(## 二级标题)

三级标题(### 三级标题)

四级标题(#### 四级标题)

五级标题(##### 五级标题)
六级标题(###### 六级标题)

2、列表

2.1 有序列表，格式是：1.xxx 即，数字接着一个英文句点开头。

1.列表项1（1.列表项1）
2.列表项2（2.列表项2）
3.列表项3（3.列表项3）

2.2 无序列表，格式是：-列表项、*列表项、+列表项，即以“-”或“*”或“+”开头即可。注意，开头符号与内容之间有一个空格！
  • 列表项1（- 列表项1）
  • 列表项2（+ 列表项2）
  • 列表项3（* 列表项3）

3、链接和图片

3.1 文字链接，格式是：\[文本](链接),链接可以是相对链接也可以是绝对链接，绝对链接需要带上http(s)://头部。

下方效果的markdown语句是：[百度](http://www.baidu.com)

百度

3.2 图片链接，格式是：\![文本]\(图片链接)，与文字链接相比，图片链接只是前面多了一个感叹号。

下方效果的markdown语句是：![图片](http://upload-images.jianshu.io/upload_images/259-0ad0d0bfc1c608b6.jpg?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)

图片

4、粗体和斜体

斜体格式：*斜体*，即使用2个“”号包围内容；
加粗格式：**加粗**，即使用4个“*”号包围内容。

我是粗体（**我是粗体**）
我是斜体(*我是斜体*)

5、代码引用

5.1 一行代码可以用“`”号将代码包围起来。

例如：`这是一行代码`

void function(){}(`void function(){}`)

5.2 如果是多行代码，可以将“```”置于代码的首行和末行。

例如：
```
第一行代码
第二行代码
….
第N行代码
```

1
2
3
4
5
6
7
8
9
10
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>示例代码</title>
</head>
<body>
	<p>使用“```”将代码包围起来，“```”后面可以跟语言的类型，例如“```html  ...代码部分...```”</p>
</body>
</html>

6、表格

6.1 标准模式（语法请看下方），第二行中“—-|：–：|—”冒号用于设置表格的对齐方式，左边表示左对齐，右边表示右对齐，放两边表示居中，不放冒号（默认状态）表示表头居中内容居左。
1
2
3
4
5
6
|苹果  |草莓  |石榴  |石头  |
|-----|:-----|---: |:----:|
|苹果  |草莓  |石榴  |石头  |
|苹果  |草莓  |石榴  |石头  |
|苹果  |草莓  |石榴  |石头  |
|苹果  |草莓  |石榴  |石头  |
苹果 草莓 石榴 石头
苹果 草莓 石榴 石头
苹果 草莓 石榴 石头
苹果 草莓 石榴 石头
苹果 草莓 石榴 石头
6.2源码：简写模式，省略了两边的“|”。
1
2
3
4
dog | bird  | cat
-----|-----|-----
bar  | bear | box
bar  | bear | box
dog bird cat
bar bear box
bar bear box