目錄

1. 首先安裝vscode工具，下載地址如下： https://code.visualstudio.com/
   

2. 在vs code的擴展中安裝： Markdown Preview Enhanced 這款插件，安裝完成重新加載即可生效
   

3. 新建一個.md文件
   Visual Studio Code 原生就支持高亮Markdown的語法，想要一邊編輯一遍預覽，有兩種方法：
   3.1. Ctrl + Shift + P 調出主命令框，輸入 Markdown，應該會匹配到幾項 Markdown相關命令

   2.2. 先按Ctrl + K，然後放掉，緊接著再按 v，也能調出實時預覽框。【要在英文輸入狀態下】

   3.3 直接點擊快捷圖標
   

   
   
   還可以在預覽效果的界面中右鍵鼠標選擇在不同平臺預覽，如可以在瀏覽器中預覽
   
   其中默認打開的瀏覽器是IE瀏覽器，可以直接Copy瀏覽器地址使用Chrome瀏覽器打開
   
   可以發現在瀏覽器中預覽markdown文檔已經被編譯成HTML文檔了。

------------------------------------------------------------附錄Markdown語法------------------------------------------------------------------------------

1. 直接使用 HTML 標簽，可以設置文字居中，字體顏色等樣色(HTML 語法)

<div align="center" style="color:red">VS Code 使用 markDown 編寫文檔</div>

2. 標題

註：# 後面保持空格（和使用 h1/h2 標簽功能類似）

# h1
## h2

3. TOC(根據標題生成目錄)

代碼：

4. 引用

代碼1(單行式)：
    > hello world!
代碼2(多行式)：
    > hello world!
    > hello world!
    > hello world!
代碼3(多層嵌套)：
    > aaaaaaaaa
    >> bbbbbbbbb
    >>> cccccccccc
 

5. 行內標記(用 ` 標記代碼塊將變成一行)

代碼：標記之外`hello world`標記之外

6. 代碼塊

1. 用```代碼```進行包裹
代碼：
    ```
    <div>
        <div></div>
        <div></div>
        <div></div>
    </div>
    ```
2. 自定義語法（根據不同的語言配置不同的代碼著色）
代碼：
    ```javascript
    var num = 0;
    for (var i = 0; i < 5; i++) {
        num+=i;
    }
    console.log(num);
    ```

7. 插入鏈接（待定。。。）

代碼1(內鏈式)：[百度 1](http://www.baidu.com/ ‘百度一下‘)
代碼2(引用式)：待定。。。

8. 插入圖片

代碼1(內鏈式): ![](./01.png ‘描述‘)
代碼2(引用式): 待定。。。

8. 插入圖片帶有鏈接

代碼1(內鏈式): [![](.//img/01.png ‘百度‘)](http://www.baidu.com)
代碼2(引用式): 待定。。。

9. 插入視頻

註：Markdown 語法是不支持直接插入視頻的
普遍的做法是 插入 HTML 的 iframe 框架，通過網站自帶的分享功能獲取，如果沒有可以嘗試第二種方法
第二是偽造播放界面，實質是插入視頻圖片，然後通過點擊跳轉到相關頁面
代碼1

註：多數第三方平臺不支持插入<iframe>視頻
    youku
    <iframe height=498 width=510 src=‘http://player.youku.com/embed/XMjgzNzM0NTYxNg==‘ frameborder=0 ‘allowfullscreen‘></iframe>
代碼2
[![](./youku2.png)](http://v.youku.com/v_show/id_XMjgzNzM0NTYxNg==.html?spm=a2htv.20009910.contentHolderUnit2.A&from=y1.3-tv-grid-1007-9910.86804.1-2#paction){:target="_blank"}

10. 序列

代碼1(有序)：
    1. one
    2. two
    3. three
代碼2(無序)：
    * one
    * two
    * three
代碼3(序表嵌套)：
    1. one
        1. one-1
        2. two-2
    2. two
        * two-1
        * two-2
代碼4(序表嵌套代碼塊)
    註：換行+兩個Tab

    * one

        var a = 10;     // 與上行保持空行並 遞進縮進

語法原文：https://www.cnblogs.com/shawWey/p/8931697.html

使用vs code編寫Markdown文檔以及markdown語法詳解