Try   HackMD

HackMD 超快速上手

開始編輯

按下編輯頁面左上角 按鈕,切換到雙欄模式
左側編輯;右側檢視結果

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. 標題

在行首輸入 # 再加上空白與標題文字

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 →

範例:

# h1
## h2

結果:

h1

h2

2. 清單

在行首輸入 - 或是 1. 再加上空白與項目文字

範例:

- task1
- task2
    - sub-task

1. no1
2. no2
    1. sub-no

結果:

  • task1
  • task2
    • sub-task
  1. no1
  2. no2
    1. sub-no

3. 引用區塊

在行首輸入 > 再加上空白與引用文字

範例:

> blockquote
>> sub-blockquote

結果:

blockquote

sub-blockquote

4. 粗體、斜體

將文字兩側加上 *
使用一個 * 為斜體;使用兩個 * 為粗體
或是直接選取一段文字,按上方的工具列的 變成粗體; 變成斜體

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 →

範例:

*italic*
**bold**

結果:

italic
bold

5. 圖片

將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上,會自動上傳與插入

範例:

![](https://hackmd.io/favicon.png)

結果:

Image Not Showing Possible Reasons
  • The image was uploaded to a note which you don't have access to
  • The note which the image was originally uploaded to has been deleted
Learn More →

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 →

再按下列步驟:

  • 在自動完成中選擇影片來源 (youtube 或 vimeo)
  • 如選 youtube,文字變成 {%youtube youtubeid %}
  • 如影片連結是:https://www.youtube.com/watch?v=PJuNmlE74BQ
  • 替換文字 youtubeid 成影片連結的 id,就是 PJuNmlE74BQ
  • 完成的影片文字:{%youtube PJuNmlE74BQ %}

結果:

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 →

tags: tutorial