MarkDown学习总结

MarkDown是什么

纯文本标记语言,通过简单的标记语法,使普通文本内容具有一定的格式

为什么要用MarkDown

  1. 体积小,类似TXT文件
  2. 创建容易,使用简单
  3. 比普通TXT文本美观
  4. 方便记录,各种代码引用、图片引用,比TXT方便,比Word小

怎么用MarkDown

下载编辑器

https://zhuanlan.zhihu.com/p/69210764

  • MarkdownPad(http://markdownpad.com/)
  • BookPad(https://www.microsoft.com/zh-cn/p/bookpad/9n6p5zh2sjsx?rtc=1&activetab=pivot:overviewtab)
  • 小书匠(http://soft.xiaoshujiang.com/)
  • Typora(https://typora.io/)
  • Visual Studio Code(https://code.visualstudio.com/)
  • Marxico(https://marxi.co/)
  • Sublime Text 3(https://www.sublimetext.com/3)
  • Mou(http://25.io/mou/)
  • Atom(https://atom.io/)
  • Smark(https://github.com/elerao/Smark)
  • Haroopad(http://pad.haroopress.com/)

文件创建

创建TXT文件,将后缀名改为md即可

MarkDown语法

标题

加文本 #的个数代表标题的级数

# 一级标题
## 二级标题
### 三级标题
#### 四级标题
##### 五级标题
###### 六级标题

字体

  1. 斜体

    文本左右用一个*包起来

    *斜体*

    斜体

  2. 加粗

    文本左右用两个*包起来

    **加粗**

    加粗

  3. 斜体加粗

    ***斜体加粗***

    斜体加粗

    文本左右用三个*包起来

  4. 删除线

    文本左右用两个~包起来

    ~~删除线~~

    删除线

引用

引用文本前面加>,可以嵌套

>引用文本

引用文本

分割线

三个以上的-或者*

---
***




图片

可以直接粘贴图片

![图片alt](图片地址 ''图片title'')

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

超链接

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

百度

列表

有序列表

数字加.

1. 有序列表
  1. 有序列表一
  2. 有序列表二
  3. 有序列表三

无序列表

-+*

- 无序列表
+ 无序列表
* 无序列表
  • 无序列表一

  • 无线列表二

  • 无需列表三

待办列表

  • [ ]待办
  • [ x ]完成

列表嵌套

上一级和下一级之间三个空格

表格

表头|表头|表头
---|:--:|---:
内容|内容|内容
内容|内容|内容

第二行分割表头和内容。
- 有一个就行,为了对齐,多加了几个
文字默认居左
-两边加:表示文字居中
-右边加:表示文字居右
注:原生的语法两边都要用 | 包起来。此处省略
编号 姓名 备注
001 张三 AAA
002 李四 BBB
003 王五 CCC

代码

  1. 单行代码

    代码之间用`包起来

    代码1

  2. 多行代码

    代码之间用三个`包起来

    三个`加代码语言

    ```json
    ​```java
    

流程图

```flow
st=>start: 开始
op=>operation: My Operation
cond=>condition: Yes or No?
e=>end
st->op->cond
cond(yes)->e
cond(no)->op
&```

时序图

```graph
sequenceDiagram
    participant Alice
    participant Bob
    Alice->John: Hello John, how are you?
    loop Healthcheck
        John->John: Fight against hypochondria
    end
    Note right of John: Rational thoughts 
prevail...
    John-->Alice: Great!
    John->Bob: How about you?
    Bob-->John: Jolly good!
```

甘特图

```graph
gantt
        dateFormat  YYYY-MM-DD
        title Adding GANTT diagram functionality to mermaid
        section A section
        Completed task            :done,    des1, 2014-01-06,2014-01-08
        Active task               :active,  des2, 2014-01-09, 3d
        Future task               :         des3, after des2, 5d
        Future task2               :         des4, after des3, 5d
        section Critical tasks
        Completed task in the critical line :crit, done, 2014-01-06,24h
        Implement parser and jison          :crit, done, after des1, 2d
        Create tests for parser             :crit, active, 3d
        Future task in critical line        :crit, 5d
        Create tests for renderer           :2d
        Add to mermaid                      :1d
```

转载于:https://www.cnblogs.com/hutianyao/p/11456981.html

你可能感兴趣的:(MarkDown学习总结)