Markdown教程 <1>

Markdown教程 <1>

本文在本地使用atom编辑后，直接将代码赋值到博客园中的markdown编辑器中生成

0.生成目录

使用[TOC]生成全文目录 [TOC]

1. markdown字体，段落控制

• 以下引用块里面为源码，引用块下方为效果

*这里是文字(斜体)*
_这里是文字(斜体)_
**这里是文字（加粗）**
***这里是文字（加粗+倾斜）***
~~这里是文字（删除线）~~
$\underline {可以用公式里面的下划线来代替} $
<u> 也可以使用html中的u来实现下划线功能 </u>

这里是文字(斜体)
这里是文字（斜体）
这里是文字（加粗）
这里是文字（加粗+倾斜）
这里是文字（删除线）
\(\underline {可以用公式里面的下划线来代替}\)
也可以使用html中的u来实现下划线功能

---

2. 分级标题

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题
关于一级标题和二级标题还有一种写法

一级标题
================
二级标题
----------------

一级标题

二级标题

三级标题

四级标题

五级标题

六级标题

一级标题

二级标题

---

3. 列表

> 无序列表与有序列表
* 无序列表1
- 无序列表2
+ 无序列表3

无序列表可以用+，*，-任意一个符号来表示

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

> 列表嵌套（聊表嵌套通过四个空格或者一个tab缩进形成）


* 计划A
  1.第一个子计划
  2.第二个子计划
  3.第三个子计划
* 计划B
  1.child 1 of plan B
  2.child 2 of plan B

1.weather
  * sunny
  * rinny
  * cloudly

无序列表与有序列表

• 无序列表1

• 无序列表2

• 无序列表3

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

列表嵌套

• 计划A
  1.第一个子计划
  2.第二个子计划
  3.第三个子计划
• 计划B
  1.child 1 of plan B
  2.child 2 of plan B

1.weather

• sunny
• rinny
• cloudly

---

4. 表格

###（1）方法一（使用markdown语法）：

| Header One     | Header Two     | Header Three   |
| :------------- | :-------------:| -------------: |
| Item One       | Item Two       | Item Three     |
| Item One       | Item Two       | Item Three     |
| Item One       | Item Two       | Item Three     |

如上述所示，使用|间隔形成表格，其中第二行控制当前列文字的对齐方式
:---- 左对齐
:----: 居中对齐
----: 右对齐

Header One	Header Two	Header Three
Item One	Item Two	Item Three
Item One	Item Two	Item Three
Item One	Item Two	Item Three

###（2）方法二（使用html表格）：

<div align="center">
    <table>
        <tr>
          <th rowspan="2">值班 </th>
          <th> 1 </th>
          <th> 1 </th>
          <th> 1 </th>
        </tr>
        <tr>
          <th> 2 </th>
          <th> 2 </th>
          <th> 2 </th>
        </tr>
    </table>
</div>

值班	1	1	1
	2	2	2

---

5. 超链接与图片

• 超链接形式为[name](url)
• 图片有两种方法
  1.使用markdown语法![name](url)缺点是不能调节图片大小
  2.使用html语法<img src="url" width="100" height="100"> 可以调节图片大小

[百度](https://www.baidu.com)
<www.baidu.com>

![博客园](https://www.cnblogs.com/images/logo_small.gif)

<img src="https://www.cnblogs.com/images/logo_small.gif" width="500" height="500" alt="这是一张照片">

百度

https://www.baidu.com

百度

6.勾选框

- [ ] **七月旅行准备**
    - [ ] 准备邮轮上需要携带的物品
    - [ ] 浏览日本免税店的物品
    - [x] 购买蓝宝石公主号七月一日的船票

• 七月旅行准备
  • 准备邮轮上需要携带的物品
  • 浏览日本免税店的物品
  • 购买蓝宝石公主号七月一日的船票

7.脚注

这是一段文字[^footnote]
这是一段文字[^wenzi]

这是一段文字¹
这是一段文字²

第一次写博客，以后我会加油的，大家有什么问题或者建议可以留言哦~

---

1. 这是文本。↩

2. 这是另一个脚注。↩