一. 标题

在想要设置为标题的文字前面加#来表示一个#是一级标题,二个#是二级标题,以此类推。支持六级标题。

注:标准语法一般在#后跟个空格再写文字,貌似简书不加空格也行。

示例:

  1. # 这是一级标题
  2. ## 这是二级标题
  3. ### 这是三级标题
  4. #### 这是四级标题
  5. ##### 这是五级标题
  6. ###### 这是六级标题

效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题

这是六级标题

二. 字体

  • 加粗

要加粗的文字左右分别用两个*号包起来

  • 斜体

要倾斜的文字左右分别用一个*号包起来

  • 斜体加粗

要倾斜和加粗的文字左右分别用三个*号包起来

  • 删除线

要加删除线的文字左右分别用两个~~号包起来

示例:

  1. **这是加粗的文字**
  2. *这是倾斜的文字*`
  3. ***这是斜体加粗的文字***
  4. ~~这是加删除线的文字~~

效果如下:

这是加粗的文字
这是倾斜的文字`
这是斜体加粗的文字
这是加删除线的文字


三. 引用

在引用的文字前加>即可。引用也可以嵌套,如加两个>>三个>>>

n个…

貌似可以一直加下去,但没神马卵用

示例:

  1. >这是引用的内容
  2. >>这是引用的内容
  3. >>>>>>>>>>这是引用的内容

效果如下:

这是引用的内容

这是引用的内容

这是引用的内容


四. 分割线

  1. ---
  2. ----
  3. ***
  4. *****

五. 图片

语法

  1. ![图片alt](图片地址 ''图片title'')
  2. 图片alt就是显示在图片下面的文字,相当于对图片内容的解释。
  3. 图片title是图片的标题,当鼠标移到图片上时显示的内容。title可加可不加

示例: 最好搭建个图床用外链来

  1. ![基本语法-01](https://raw.githubusercontent.com/a782272323/lhb-figure-bed/master/2-(%E6%9D%82)%E9%85%8D%E7%BD%AE/%E8%BD%AF%E4%BB%B6%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/Markdown/%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95-01.jpg)

效果如下

Markdown基本语法 - 图1%E9%85%8D%E7%BD%AE/%E8%BD%AF%E4%BB%B6%E4%BD%BF%E7%94%A8%E6%95%99%E7%A8%8B/Markdown/%E5%9F%BA%E6%9C%AC%E8%AF%AD%E6%B3%95-01.jpg#id=inSz8&originHeight=768&originWidth=1229&originalType=binary&ratio=1&status=done&style=none)

上传本地图片直接点击导航栏的图片标志,选择图片即可

markdown格式追求的是简单、多平台统一。那么图片的存储就是一个问题,需要用图床,提供统一的外链,这样就不用在不同的平台去处理图片的问题了。才能做到书写一次,各处使用。这里我才用的是github来充当图床


六:超链接

语法:

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

示例:

  1. [简书](http://jianshu.com)
  2. [百度](http://baidu.com)

效果如下:

简书

百度

注:Markdown本身语法不支持链接在新页面中打开,别的平台可能就不行了,如果想要在新页面中打开的话可以用html语言的a标签代替。

  1. <a href="超链接地址" target="_blank">超链接名</a>

示例:

简书


七: 列表

无序列表

语法:

无序列表用 - + * 任何一种都可以

  1. - 列表内容
  2. + 列表内容
  3. * 列表内容
  4. 注意:- + * 跟内容之间都要有一个空格

效果如下:

  • 列表内容

    • 子内容
      • 孙内容
  • 列表内容

  • 列表内容

有序列表

语法:

数字加点

  1. 1. 列表内容
  2. 2. 列表内容
  3. 3. 列表内容
  4. 注意:序号跟内容之间要有空格

效果如下:

  1. 列表内容
  2. 列表内容
  3. 列表内容

列表嵌套

上一级和下一级之间敲三个空格即可

  • 一级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  • 一级无序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容
  1. 一级有序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
    • 二级无序列表内容
  1. 一级有序列表内容
    1. 二级有序列表内容
    2. 二级有序列表内容
    3. 二级有序列表内容

八: 表格

语法:

  1. 表头|表头|表头
  2. ---|:--:|---:
  3. 内容|内容|内容
  4. 内容|内容|内容
  5. 第二行分割表头和内容。
  6. | 姓名 | 技能 | 排行 |
  7. | ---- | ---- | ---- |
  8. | 小王 | | 第一 |
  9. | 小李 | | 第二 |

示例:

姓名 技能 排行
小王 第一
小李 第二

九:代码

语法:

单行代码:代码之间分别用一个反引号包起来

  1. `代码内容`

代码块:代码之间分别用三个反引号包起来,且两边的反引号单独占一行

  1. (```)
  2. 代码...
  3. 代码...
  4. 代码...
  5. (```)

注:为了防止转译,前后三个反引号处加了小括号,实际是没有的。这里只是用来演示,实际中去掉两边小括号即可。

示例:

单行代码

create database hero

代码块

  1. function fun(){
  2. echo "这是一句非常牛逼的代码";
  3. }
  4. fun();

十. 流程图

语法:

  1. ```flow
  2. st=>start: 开始
  3. op=>operation: My Operation
  4. cond=>condition: Yes or No?
  5. e=>end
  6. st->op->cond
  7. cond(yes)->e
  8. cond(no)->op
  9. &
  1. 效果如下:
  2. 以下几个实例效果图如下:
  3. **1、横向流程图源码格式:**
  1. graph LR
  2. A[方形] -->B(圆角)
  3. B --> C{条件a}
  4. C -->|a=1| D[结果1]
  5. C -->|a=2| E[结果2]
  6. F[横向流程图]
  7. &
  1. 效果:
  2. **2、竖向流程图源码格式:**
  1. graph TD
  2. A[方形] --> B(圆角)
  3. B --> C{条件a}
  4. C --> |a=1| D[结果1]
  5. C --> |a=2| E[结果2]
  6. F[竖向流程图]
  7. &
  1. 效果:
  2. **3、标准流程图源码格式:**
st=>start: 开始框 op=>operation: 处理框 cond=>condition: 判断框(是或否?) sub1=>subroutine: 子流程 io=>inputoutput: 输入输出框 e=>end: 结束框 st->op->cond cond(yes)->io->e cond(no)->sub1(right)->op &
  1. 效果:
  2. **4、标准流程图源码格式(横向):**
st=>start: 开始框 op=>operation: 处理框 cond=>condition: 判断框(是或否?) sub1=>subroutine: 子流程 io=>inputoutput: 输入输出框 e=>end: 结束框 st(right)->op(right)->cond cond(yes)->io(bottom)->e cond(no)->sub1(right)->op &
  1. 效果:
  2. **5UML时序图源码样例:**
对象A->对象B: 对象B你好吗?(请求) Note right of 对象B: 对象B的描述 Note left of 对象A: 对象A的描述(提示) 对象B-->对象A: 我很好(响应) 对象A->对象B: 你真的好吗? &
  1. 效果:
  2. ```sequence
  3. 对象A->对象B: 对象B你好吗?(请求)
  4. Note right of 对象B: 对象B的描述
  5. Note left of 对象A: 对象A的描述(提示)
  6. 对象B-->对象A: 我很好(响应)
  7. 对象A->对象B: 你真的好吗?
  8. &
  1. **6UML时序图源码复杂样例:**
Title: 标题:复杂使用 对象A->对象B: 对象B你好吗?(请求) Note right of 对象B: 对象B的描述 Note left of 对象A: 对象A的描述(提示) 对象B-->对象A: 我很好(响应) 对象B->小三: 你好吗 小三-->>对象A: 对象B找我了 对象A->对象B: 你真的好吗? Note over 小三,对象B: 我们是朋友 participant C Note right of C: 没人陪我玩 &
  1. 效果:
  2. ```sequence
  3. Title: 标题:复杂使用
  4. 对象A->对象B: 对象B你好吗?(请求)
  5. Note right of 对象B: 对象B的描述
  6. Note left of 对象A: 对象A的描述(提示)
  7. 对象B-->对象A: 我很好(响应)
  8. 对象B->小三: 你好吗
  9. 小三-->>对象A: 对象B找我了
  10. 对象A->对象B: 你真的好吗?
  11. Note over 小三,对象B: 我们是朋友
  12. participant C
  13. Note right of C: 没人陪我玩
  14. &
  1. **7UML标准时序图样例**
  1. %% 时序图例子,-> 直线,-->虚线,->>实线箭头
  2. sequenceDiagram
  3. participant 张三
  4. participant 李四
  5. 张三->王五: 王五你好吗?
  6. loop 健康检查
  7. 王五->王五: 与疾病战斗
  8. end
  9. Note right of 王五: 合理 食物 <br/>看医生...
  10. 李四-->>张三: 很好!
  11. 王五->李四: 你怎么样?
  12. 李四-->王五: 很好!
  13. &
  1. 效果:
  2. **8、甘特图样例:**
  1. graph LR
  2. A[方形] -->B(圆角)
  3. B --> C{条件a}
  4. C -->|a=1| D[结果1]
  5. C -->|a=2| E[结果2]
  6. F[横向流程图]
  7. &

```

效果:

Markdown基本语法 - 图2