Markdown 基本语法

标题

在想要设置为标题的文字前面加#来表示,一个#是一级标题,二个#是二级标题,以此类推,支持六级。注:#后需要跟空格再写文字。

  • 实例:

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

  • 效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

这是五级标题
这是六级标题

字体

  • 斜体
        要斜体的文字左右分别用一个*包起来。
    • 实例:

    *斜体*

    • 效果如下:

    斜体

  • 加粗
        要加粗的文字左右分别用二个*包起来。
    • 实例:

    **加粗**`

    • 效果如下:

    加粗

  • 斜体加粗
        要斜体加粗的文字左右分别用三个*包起来。
    • 实例:

    ***斜体加粗***

    • 效果如下:

    斜体加粗

  • 删除线
        要加删除线的文字左右分别用二个~包起来。
    • 实例:

    ~~删除线~~

    • 效果如下:

    删除线

引用

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

  • 实例:

>这是引用的类容。
>>这也是引用的类容。
>>>这还是引用的类容。
>>>>>>>这依然是引用的类容。

  • 效果如下:

这是引用的类容。

这也是引用的类容。

这还是引用的类容。

这依然是引用的类容。

分割线

三个或者三个以上的-或者*

  • 实例:

---
------
***
******

  • 效果如下:




插入图片

  • 语法:
    • ![图片alt](图片地址''图片title'')
    • 图片alt就是显示图片下面的文字,相当于对图片内容的解释。
    • 图片title是图片的标题,当鼠标移动到图片上时显示的内容,title可不加
  • 插入图片实例

![插入图片名称](https://ss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=1044753652,3181596197&fm=26&gp=0.jpg "插入图片")

  • 效果如下:

插入图片名称

插入超链接

  • 语法:
    • [超链接名](超链接地址 "超链接title")
    • 超链接title是超链接的标题,当鼠标移动到超链接上时显示的内容,title可不加
  • 实例:

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

  • 效果如下:

百度

列表

  • 无序列表
    • 语法:
      -+*后跟空格跟列表内容
    • 实例:

    - 列表内容
    + 列表内容
    * 列表内

    • 效果如下:
    • 列表内容
    • 列表内容
    • 列表内容
  • 有序列表
    • 语法:
      数字跟英文.跟空格跟列表内容
    • 实例:
    1. 列表内容  
    1. 列表内容  
    1. 列表内容
    
    • 效果如下:
    1. 列表内容
    2. 列表内容
    3. 列表内容
  • 列表嵌套
    • 语法:
      上一级和下一级之间敲三个空格。
    • 效果如下:
    1. 一级列表
    • 二级列表
      • 三级列表
        1. 四级列表

表格

  • 语法
| 姓名 | 性别 | 年龄 |  
| - | :-: | -: |  
| 小明明 | 男 | 19 |  
| 小 | 男 | 21 |  
| 小花 | 女 | 1 | 

第一行为表头,第二行分割表头和内容;文字默认居左;两边加“:”表示文字居中;右边加“:”表示文字居右;语法两边的“ |” 可省略

  • 效果如下:
姓名 性别 年龄
小明明 19
21
小花 1

引入代码

  • 单行代码
    • 语法
          行内式:如果在一个行内需要引用代码,只要用反引号`引起来就好(一般在ESC键下方,和~同一个键)
    • 实例:

    `create database hero;`

    • 效果如下:

    create database hero;

  • 多行代码
    • 语法:
          多行代码块与语法高亮:在需要高亮的代码块的前一行及后一行使用三个单反引号“`”包裹
    • 实例:

    ```
    SELECT
    *
    FROM
    device_info
    WHERE
    biz_datetime LIKE '%2019010811%'
    ```

    • 效果如下:
    SELECT   
    *  
    FROM  
    device_info   
    WHERE  
    biz_datetime LIKE '%2019010811%'  
    

流程图

markdown可用MermaidFlowchart的插件实现流程图的绘制,对应的语法也不太一样,对于插件就是把引用的语法对应成相应的标签,本文以有道云笔记实例简单介绍Mermaid插件,详细语法请打开超链接帮助文档自行学习

  • 基本语法
    • 将流程图代码包含在```和```之间
    • graph TB声明了一个新图形和图形布局的方向为从上到下,方向也可以是:
      • graph BT-从下到上
      • graph LR-从左到右
      • graph RL-从右到左
    • 实例:

    ```
    graph LR
        A --> B
    ```

    • 效果如下:
    graph LR
       A --> B  
    
  • 节点和形状
    • 基本语法节点为默认节点
    • 带文本节点需要在默认节点后括号内加文本,不同括号,节点形状不同
      • 小括号“()”-圆角四方形
      • 二个小括号“(())”-圆形
      • 中括号“[]”-四方形
      • 大括号“{}”-菱形
      • 小于号中括号右半边“>]”-非对称形状
    • 实例:

    ```
    graph LR
        A-->B(b)
        B(b)-->C((c))
        C((c))-->D[d]
        D[d]-->E{e}
        E{e}-->F>f]
    ```

    • 效果如下:
    graph LR
       A-->B(b)
       B(b)-->C((c))
       C((c))-->D[d]
       D[d]-->E{e}
       E{e}-->F>f]
    
  • 节点之间的链接线
    • 语法说明:
      • “---”-无箭头的实线
      • “===”-无箭头的粗线
      • “-.-”或“.-”-无箭头的虚线
      • “--->”-无箭头的实线
      • “===>”-无箭头的粗线
      • “-.->”或“.->”无箭头的虚线
    • 实例:

    ```
    graph LR
        A---B
        A=C
        A-.-D
        B-->B1
        C
    >C1
        D-.->D1
    ```

    • 效果如下:
    graph LR
       A---B
       A===C
       A-.-D
       A.-D
       B-->B1
       C==>C1
       D-.->D1
       D.->D1
    
  • 链接线插入文字
    • 语法说明:
      • “--文字---”或“---|文字|”-无箭头的实线插入文字
      • “--文字-->”或“-->|文字|”-有箭头的实线插入文字
      • “==文字=”或“=|文字|”-无箭头的粗线插入文字
      • “==文字>”或“>|文字|”-有箭头的粗线插入文字
      • “-.文字.-”或“-.-|文字|”无箭头的虚线插入文字
      • “-.文字.->”或“-.->|文字|”有箭头的虚线插入文字
    • 实例:

    ```
    graph LR
        A--文字---B
        B---|文字|B1
        B1--文字-->B2
        B1-->|文字|B2
        A==文字===C
        C===|文字|C1
        C1==文字==>C2
        C1==>|文字|C2
        A-.文字.-D
        D-.-|文字|D1
        D1-.文字.->D2
        D1-.->|文字|D2
    ```

    • 效果如下:
    graph LR
       A--文字---B
       B---|文字|B1
       B1--文字-->B2
       B1-->|文字|B2
       A==文字===C
       C===|文字|C1
       C1==文字==>C2
       C1==>|文字|C2
       A-.文字.-D
       D-.-|文字|D1
       D1-.文字.->D2
       D1-.->|文字|D2
    

标记

  • 实例
    - [x] 已完成1
       - [x] 已完成1.1
       - [ ] 已完成1.2
    - [ ] 已完成2
    
  • 效果如下:

实用技巧

  • 半方大的空白\ 或\
  • 全方大的空白\ 或\
  • 不断行的空白格\ 或\
  • 换行需要在行末输入二个以上空格加回车键,是键盘的空格不是\
posted @ 2022-03-25 11:20  沐风er行  阅读(69)  评论(0编辑  收藏  举报