ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

Markdown 基本语法

2022-03-25 11:34:48  阅读:201  来源: 互联网

标签:基本 文字 Markdown -- graph 列表 语法 实例


标题

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

  • 实例:

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

  • 效果如下:

这是一级标题

这是二级标题

这是三级标题

这是四级标题

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

字体

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

    *斜体*

    • 效果如下:

    斜体

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

    **加粗**`

    • 效果如下:

    加粗

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

    ***斜体加粗***

    • 效果如下:

    斜体加粗

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

    ~~删除线~~

    • 效果如下:

    删除线

引用

在引用的文字前加>即可。引用也可以嵌套,如二个>>,三个>>>,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
    
  • 效果如下:

实用技巧

  • 半方大的空白\ 或\
  • 全方大的空白\ 或\
  • 不断行的空白格\ 或\
  • 换行需要在行末输入二个以上空格加回车键,是键盘的空格不是\

标签:基本,文字,Markdown,--,graph,列表,语法,实例
来源: https://www.cnblogs.com/Inbreeze/p/16053812.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有