美文网首页
Markdown基本语法

Markdown基本语法

作者: 王芳雨 | 来源:发表于2020-06-15 18:22 被阅读0次

    1、快捷键

    Markdown 快捷键
    撤销 Ctrl +Z
    重做 Ctrl+Y
    加粗 Ctrl +B
    斜体 Ctrl +I
    标题 Ctrl +Shift +H
    有序列表 Ctrl +Shift +O
    无序列表 Ctrl +Shift +U
    待办列表 Ctrl +Shift +C
    插入代码 Ctrl +Shift +K
    插入链接 Ctrl +Shift +L
    插入图片 Ctrl +Shift +G
    查找 Ctrl +F
    替换 Ctrl +G

    2、目录

    # 一级目录
    ## 二级目录
    ### 三级目录
    

    一级目录

    二级目录

    三级目录

    注意 # 之后添加一个空格

    3、标题

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

    一级标题

    二级标题

    三级标题

    四级标题

    五级标题
    六级标题

    4、文本样式

    斜体字: *强调文本* _强调文本_
    
    加粗字: **加粗文本** __加粗文本__
    
    ==标记文本==
    
    ~~删除文本~~
    
    > 引用文本
    
    H~2~O is是液体。
    
    2^10^ 运算结果是 1024。 
    

    斜体字: 强调文本 强调文本

    加粗字: 加粗文本 加粗文本

    ==标记文本==

    删除文本

    引用文本

    H2O is是液体。

    210 运算结果是 1024。

    5、列表

    无序列表 加上Tab可嵌套列表
    - 项目
      * 项目
        + 项目
     
    有序列表
    1. 项目1
    2. 项目2
    3. 项目3
    
    方框
    - [ ] 计划任务  
    - [x] 完成任务
    

    无序列表 加上Tab可嵌套列表

    • 项目
      • 项目
        • 项目

    有序列表

    1. 项目1
    2. 项目2
    3. 项目3

    方框

    • 计划任务
    • 完成任务

    6、链接

    链接: [link](https://www.csdn.net/).
    
    图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw)
    
    带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw =30x30)
    
    居中的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center)
    
    居中并且带尺寸的图片: ![Alt](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9hdmF0YXIuY3Nkbi5uZXQvNy83L0IvMV9yYWxmX2h4MTYzY29tLmpwZw#pic_center =30x30)
    

    7、代码片

    下面展示一些 `内联代码片`。
    
    ```
    // A code block
    var foo = 'bar';
    ```
    
    ```javascript
    // An highlighted block
    var foo = 'bar';
    ```
    
    // A code block
    var foo = 'bar';
    
    // An highlighted block
    var foo = 'bar';
    

    8、表格

    |项目     | Value|
    |-------- | -----|
    |电脑  | $1600|
    |手机  | $12|
    |导管  | $1|
    
    | Column 1 | Column 2      |
    |:--------:| -------------:|
    | centered 文本居中 | right-aligned 文本居右 |
    
    项目 Value
    电脑 $1600
    手机 $12
    导管 $1
    Column 1 Column 2
    centered 文本居中 right-aligned 文本居右

    注意:在最后一个竖线后回车运行

    9、注脚,注释

    1. 注脚

    一个具有注脚的文本。[^1]
    
    [^1]: 注脚的解释
    

    一个具有注脚的文本。[1]

    2. 注释

    Markdown将文本转换为 HTML。
    
    *[HTML]:   超文本标记语言
    

    Markdown将文本转换为 HTML。

    *[HTML]: 超文本标记语言

    10、LaTeX数学公式

    参考文档

    Gamma公式展示 $\Gamma(n) = (n-1)!\quad\forall
    n\in\mathbb N$ 是通过 Euler integral
    
    $$
    \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
    $$
    

    \Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.

    11、插入甘特图、UML、流程图

    1. 甘特图

    参考文档

    ```mermaid
    gantt
            dateFormat  YYYY-MM-DD
            title Adding GANTT diagram functionality to mermaid
            section 现有任务
            已完成               :done,    des1, 2014-01-06,2014-01-08
            进行中               :active,  des2, 2014-01-09, 3d
            计划中               :         des3, after des2, 5d
    ```
    

    2. UML图

    参考文档

    ```mermaid
    sequenceDiagram
    张三 ->> 李四: 你好!李四, 最近怎么样?
    李四-->>王五: 你最近怎么样,王五?
    李四--x 张三: 我很好,谢谢!
    李四-x 王五: 我很好,谢谢!
    Note right of 王五: 李四想了很长时间, 文字太长了<br/>不适合放在一行.
    
    李四-->>张三: 打量着王五...
    张三->>王五: 很好... 王五, 你怎么样?
    ```
    

    3. 插入Mermaid流程图

    参考文档

    ```mermaid
    graph LR
    A[长方形] -- 链接 --> B((圆))
    A --> C(圆角长方形)
    B --> D{菱形}
    C --> D
    ```
    

    4. 插入Flowchart流程图

    参考文档

    Mermaid 作为一个使用 JS 渲染的库,生成的不是一个“图片”,而是一段 HTML 代码,因此安全许多。

    官网:https://mermaidjs.github.io/
    Github 项目地址:https://github.com/knsv/mermaid

    ```mermaid
    flowchart
    st=>start: 开始
    e=>end: 结束
    op=>operation: 我的操作
    cond=>condition: 确认?
    
    st->op->cond
    cond(yes)->e
    cond(no)->op
    ```
    

    参考博客:Mermaid实用教程


    1. 这是一个注脚,本文参考csdn帮助文档

    相关文章

      网友评论

          本文标题:Markdown基本语法

          本文链接:https://www.haomeiwen.com/subject/utphxktx.html