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
2. 清單
在行首輸入 -
或是 1.
再加上空白與項目文字
範例:
結果:
- no1
- no2
- sub-no
3. 引用區塊
在行首輸入 >
再加上空白與引用文字
範例:
結果:
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
5. 圖片
將圖片直接拖曳到編輯器、複製圖片後直接在編輯器貼上,會自動上傳與插入
範例:
結果:
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 →