Try   HackMD

我整理了一些撰寫HackMD筆記時會用到的Markdown語法,我們的目標是:如何利用最短時間駕馭md語法,寫出簡潔又實用的筆記。


目錄

若要產生目錄請使用語法 [TOC]。


基本md語法

為了達成無痛學Markdown,我盡可能精簡字數,如果有興趣額外學習更多的md,可以看參考資料


標題

標題有分成 6 個層級, # 的數量愈多,層級越低。 目錄可支援到 ( 第三層級標題 )。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
輸入語法為:

# 第一層級標題
## 第二層級標題
### 第三層級標題
#### 第四層級標題
##### 第五層級標題
###### 第六層級標題

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
範例結果為:

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →


引用區塊

引用區塊也支援階層式寫法,不過我不常用,所以先不寫出來。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
輸入語法為:

> 引用區塊

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
範例結果為:

引用區塊


粗體、斜體

三顆星能使用粗體+斜體。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
輸入語法為:

*斜體*
**粗體**
***粗斜體***

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
範例結果為:

斜體 粗體 粗斜體


插入圖片

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
輸入語法為:

![](https://i.imgur.com/wA4vcjc.jpg)

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
範例結果為:


清單

使用TAB鍵可以設定階層。

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
輸入語法為:

- 無序清單
- 無序清單
    - 無序清單子清單
        - 無序清單子子清單
        
1. 有序清單
2. 有序清單
    1. 有序清單子清單
        3. 有序清單子子清單

Image Not Showing Possible Reasons
  • The image file may be corrupted
  • The server hosting the image is unavailable
  • The image path is incorrect
  • The image format is not supported
Learn More →
範例結果為:

  • 無序清單
  • 無序清單
    • 無序清單子清單
      • 無序清單子子清單
  1. 有序清單
    1. 有序清單
    2. 有序清單子清單
      1. 有序清單子子清單
      2. 有序清單子子清單

參考資料

  1. HackMD 快速入門教學
  2. Emoji in Blog
  3. 官方文件
tags: 工作筆記