Please enable Javascript to view the contents

Visual Studio Code 寫文檔或文章必裝的外掛Markdown Preview Enhanced

 ·   ·  ☕ 2 分鐘  ·  ✍️ JK

介紹

Visual Studio Code的外掛Markdown Preview Enhanced,Markdown非常好用的工具,能不使用滑鼠就可以寫出一篇文章,要下標題H1 輸入一個#就可以了,H2 輸入##非常好用,這個Markdown Preview Enhanced外掛是集合了非常多的功能不只是Markdown,還有許多功能LaTeX 數學、流程圖 / 時序圖 以及各種其他種類的圖形,可以輸出PDF、HTML檔案,沒有完全列舉出來,想看更多可以看官方文檔還有中文文檔。

安裝

中文文檔

英文文檔

file

使用方法及設定

Markdown 基本使用

官方教學(中文)

  • 一些常用的Markdown

    • 標題
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
# 這是 h1 一級標題

## 這是 h2 二級標題

### 這是 h3 三級標題

#### 這是 h4 四級標題

##### 這是 h5 五級標題

###### 這是 h6 六級標題
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
      * 列表

          * 無序列表

              * Item 1
              * Item 2
                  * Item 2a
                  * Item 2b
    - Item 1
    - Item 2
    - Item 2a
    - Item 2b

      * 有序列表

          1. Item 1
          2. Item 2
          3. Item 3
              1. Item 3a
              2. Item 3b
    1. Item 1
    1. Item 2
    1. Item 3
       1. Item 3a
       1. Item 3b
  • 加入圖片
1
2
![GitHub Logo](/images/logo.png)
![標題](圖片網址)
  • 連結
1
2
3
https://github.com - 自動產生連結!

[GitHub](https://github.com)

預覽

快捷鍵:ctrl-shift-v

file

開啟 Markdown 表格功能

file

file

表格使用方法

Shortcuts| Functionality
------------ | -------------
cmd-k v|    Open preview to the Side
ctrl-shift-v|   Open preview
ctrl-shift-s|   Sync preview / Sync source
shift-enter|    Run Code Chunk
ctrl-shift-enter|   Run all Code Chunks
cmd-= or cmd-shift-=|   Preview zoom in
cmd-- or cmd-shift-_|   Preview zoom out
cmd-0|  Preview reset zoom
esc|    Toggle sidebar TOC

效果

file

轉成HTML

在預覽任何一點選擇右鍵

file

Prince 輸出PDF

  1. 安裝 Prince
  1. 設定環境變數
  • 新增:C:\Program Files (x86)\Prince\engine\bin

file

  1. markdown設定輸出格式
    在要輸出的md格式檔案開頭輸入,官方文檔說明

file

  1. 輸出
    對預覽的markdown文件右鍵選擇 PDF

轉成Word

與pdf一樣要安裝Prince

文件開頭輸入指定格式,預覽畫面右鍵選擇Pandoc

file

更多方法看官方文檔會發現更多有趣的東西

官方文檔說明

分享

JK
作者
JK
學習筆記