利器►MarkDown

MarkDown- 基本使用方法

markdown 基本使用

标题

  • H+N +标题
1
2
3
4
5
6
# h1级标题
## h2级标题
### h3级标题
#### h4级标题
##### h5级标题
###### h6级标题

效果

h1级标题

h2级标题

h3级标题

h4级标题

h5级标题
h6级标题

段落与换行

  • 段落的前后必须是空行
  • 如果需要在段落内加入换行
  • Markdown 中的多数区块都需要在两个空行之间

分割线

  • 三个以上的短线 即可作出分割线
1
2
3
----
***
___

列表

  • 无序列表：使用 -,*,+ 加一个空格

    1. [-]

      1
      2
      3
      - 无需列表1
      - 无序列表2
      - 无序列表3

      效果

      • 无需列表1
      • 无序列表2
      • 无序列表3

    2. [*]

      1
      2
      3
      * 无需列表1
      * 无序列表2
      * 无序列表3

      效果

      • 无需列表1
      • 无序列表2
      • 无序列表3

    3. [+]

      1
      2
      3
      + 无需列表1
      + 无序列表2
      + 无序列表3

      效果

      • 无需列表1
      • 无序列表2
      • 无序列表3

  • 有序列表：使用 数字 加一个英文句点

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

    效果

    1. 无需列表1
    2. 无序列表2
    3. 无序列表3

  • 列表嵌套:

    1. 无序嵌套有序 效果
      • 无序列表1
        1. 1-1 有序列表1
        2. 1-2 有序列表2
    2. 有序嵌套无序 效果
      1. 有序列表1
        • 1-1
        • 1-2
    3. 有序嵌套有序 效果
      1. 有序列表1
        1. 有序列表1-1
        2. 有序列表1-2

  • 可以使用：数字. 来取消显示为列表

区块

  1. 代码区块

    • 换行缩进形成代码区块(代码块前后需要有至少一个空行，且每行代码前需要有至少一个 Tab 或四个空格；)

    • 也可以通过 ` `，插入行内代码

      1
      2
      3
      4
      ```js
      function add(x, y) {
        return x + y;
      }

  2. 引用区块

    • 给引用的文本开始位置都加一个 ‘>’，
      1
      2
      3
      >这是引用的内容
      >>这是引用的内容
      >>>这是引用的内容

这是引用的内容

这是引用的内容

这是引用的内容

超链接

  1. 基本

    1. 普通链接：

      1
      [Google](http://www.google.com/)

      效果
      Google

    2. 指向本地文件的链接：

      1
      [icon.png](./images/icon.png)

      效果
      icon.png

    3. 包含 ‘title’ 的链接:

      1
      [Google](http://www.google.com/ "Google")

      效果
      Google

  2. 进阶

    1. 1-1 先定义后使用
      1
      2
      3
      4
      5
      [Google][link]
      [link]: http://www.google.com/ "Google"


      2. 1-2 自动链接 \<\>

    http://www.google.com/
    123@email.com

图片链接

比超链接多一个！号

1
![googlelogo](https://www.google.co.jp/images/branding/googlelogo/1x/googlelogo_color_272x92dp.png "googlelogo")

  • 效果
    googlelogo

表格

  1. 使用 | 来分隔不同的单元格，使用 - 来分隔表头和其他行：

    1
    2
    3
    4
    5
    | Item     | Value |
    | -------- | ----- |
    | Computer | $1600 |
    | Phone    | $12   |
    | Pipe     | $1    |
    • 效果
      Item Value
      Computer $1600
      Phone $12
      Pipe $1

  2. 对齐

    1
    2
    3
    :--- 代表左对齐
    :--: 代表居中对齐
    ---: 代表右对齐
    • 效果
      left center right
      aaaa bbbbbb ccccc
      a b c

任务

-空格[空格]空格 任务内容

1
2
3
4
5
6
- [ ] Eat
- [x] Code
  - [x] HTML
  - [x] CSS
  - [x] JavaScript
- [ ] Sleep
  • 效果
  • Eat
  • Code
    • HTML
    • CSS
    • JavaScript
  • Sleep

转义字符 \

「\」用来转义 *转义字符*

字体

  1. 斜体强调

    1
    *斜体强调*

    斜体强调

  2. 粗体强调

    1
    2
    **粗体强调**
    __粗体强调__

  3. 粗体加斜体

    1
    ***粗体加斜体***

  4. 删除线

    1
    ~~删除线~~

  5. 键盘键

    1
    <kbd>Ctrl+[</kbd>

    Ctrl+[

    1
    <kbd>Ctrl+[</kbd> and <kbd>Ctrl+]</kbd>

    Ctrl+[ and Ctrl+]

完