markdown常用命令(持續整理更新...)


編寫使用的工具

  • VS Code 擁有豐富插件支持的代碼編輯器,當然也支持markdown

  • MdEditor一款在線編輯markdown網站


1.標題

  • 示例:

     一級標題

     二級標題

     三級標題

    以此類推

  • 效果

一級標題

二級標題

三級標題


2. 引用

  • 示例

    >一級引用的內容

    >>二級引用的內容

    >>>三級引用的內容

  • 效果

    一級引用的內容

    二級引用的內容

    三級引用的內容


3. 字體

  1. 粗體

    • 示例

    **加粗的內容**

    • 效果

    加粗的內容

  2. 斜體

    • 示例

    *斜體的內容*

    • 效果

    斜體的內容

  3. 粗斜體

    • 示例

    ***粗斜體的內容***

    • 效果

    粗斜體的內容

  4. 刪除線

    • 示例

    ~刪除的的內容~

    • 效果

    刪除的的內容


4. 分割線

  • 示例

    1. 第一種

      ---
    2. 第二種

      ***
  • 效果




5.換行

由於編輯器的不同,在換行的處理上有細微差異

  1. 行尾自動換行
  2. 兩次回車換行
  3. 回車自動換行
  4. 使用HTML中的<br>標簽強制換行

6.列表

  1. 無序列表

    使用* + - 都可實現無序列表
    • 示例

      * 內容1

      * 內容2

      * 內容3

      - 內容1

      - 內容2

      - 內容3

      + 內容1

      + 內容2

      + 內容3

    • 效果

      • 內容1
      • 內容2
      • 內容3
  2. 有序列表
    • 示例

      1. 內容1

      2. 內容2

      3. 內容3

    • 效果

      1. 內容1
      2. 內容2
      3. 內容3

7.空格縮進

  • 示例(帶分號)
    1. &ensp; 一個空格
    2. &emsp; 兩個空格
    3. &nbsp; 一個空格不會觸發換行

8.超鏈接

  • 格式

    [name](url "title")

    • name 顯示的名稱
    • url 跳轉的鏈接
    • title 鼠標懸停時提示的內容 可以省略
  1. 示例(帶title)

    [百度](http://www.baidu.com "百度一下,你就知道")

  2. 示例(不帶title)

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


9.圖片

圖片地址推薦使用網絡上的,易於分享

推薦一個圖像存儲的工具

  七牛雲存儲 提供免費的對象存儲空間,可以保存圖片資源

  • 格式

    ![name](url "title")

    • name 鏈接失效時顯示的名稱
    • url 圖片的鏈接
    • title 鼠標懸停時提示的內容 可以省略
  1. 示例

    ![嗶哩嗶哩](https://ss1.baidu.com/6ONXsjip0QIZ8tyhnq/it/u=2810627290,1080409091&fm=58&s=8197C732C535FA313E526557030030BB&bpow=121&bpoh=75 "bilibili")

  2. 效果

    嗶哩嗶哩


10.表格

  • 格式

    | colums1 | colunms2 |

    | :-----: | :------: |

    | cell1 | cell2 |

  • 示例

    | key | value |

    | :---: | :---: |

    | Happy | 開心 |

    | angry | 生氣 |

  • 效果

    key value
    Happy 開心
    angry 生氣

11.代碼

點擊查看插入代碼的語言類型

  • 格式

    ``` language

    context

    ```

  • 示例

    ```javascript

    var test="123";

    console.log(test);

    $.ajax({

    url:'xxxx',

    data:{



    },

    success:function(data){



    }

    })

    ```

  • 效果

    var test="123";
    console.log(test);
    $.ajax({
        url:'xxxx',
        data:{

        },
        success:function(data){

        }
    })


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM