Posted on

好用的Markdown線上編輯工具- StackEdit

StackEdit

網址:https://stackedit.io/

StackEdit是一個可以在線上編輯跟預覽 Markdown 文件的工具。除了基本的 Markdown
GitHub Flavored Markdown 格式外,還額外支援 LaTeX 數學表達符號與 UML 圖表支援。登入Google 帳號還能自動跟雲端硬碟同步文件,是一套相當不錯的線上筆記工具!

Markdown 語法

一打開StackEdit,會有一個預設的歡迎頁
歡迎頁裡面使用的所有較常被使用到的Markdown語法展示

標準常用的格式如下:

  1. 斜體:在兩邊加上 *星號* 或是 _底線_
  2. 粗體:在兩邊加上 **兩個星號** 或是 __兩個底線__,也可以用 **星號_底線_**
  3. 刪除線:在兩邊加上 ~~兩個波浪~~
  4. 引言(註解): > 引言內容
  5. 標題:# H1## H2### H3#### H4##### H5###### H6
  6. 超連結:[連結標題](http://網址)
  7. 圖片:![圖片說明](http://圖片網址)

歡迎頁會有打字區與最後效果的對比呈現

中間那條可以選擇變更現在的編輯版面顯示樣式

其他特殊語法

  1. 數學表達式:請參考KaTeX
$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

會有這樣的呈現

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

會變這樣

2. UML diagrams
要畫UML流程圖時,可以直接用文字來畫出圖片,相關語法請參考:Mermaid

```mermaid
sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long
long time, so long
that the text does
not fit on a row. Bob-->Alice: Checking with John... Alice->John: Yes... John, how are you? ```

會顯示右邊的圖

同步編輯的檔案或匯出成PDF/HTML

按下右上角的Icon,右側會跳出一個選單

我們可以在這邊將檔案同步至Google雲端或者匯出成HTML/PDF檔案

點選左上角的資料夾,則可以開啟許多不同的文件