tags: 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 →

HackMD

  • 使用Markdown語法,在 HackMD 中只要每建立一個新的筆記,它就會產生一個「獨立」的網址,而目錄要做的事就是將這些網址全部以連結的方式整理到同一個地方
  • 在 HackMD 中,如果我們要建立架構式、帶有目錄的筆記,就必須建立一個筆記,並且將這個筆記當作目錄來用,而不是有一個功能可以專門用來建立目錄。
  1. Vivian Yeh Vocus
  2. HackMD 快速入門教學
  3. [六角學院 - 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. 標記分類

方法: ###### tags:"名稱"

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 →

2. 章節建立(大寫)

方法: 1. === 2. --- 3. #####
※注意 不能有任何空格

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 →

3. 標題設定

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

4. 鏈結放入

方法: [ ] ( )
→大括號內可打字,小括號內貼鏈結

5. 階層清單

清單分為有序清單無序清單兩種。
有序清單,是項目符號會使用數字編號;無序清單,是項目符號會使用同樣的層級的符號。

e.g.

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

6. 引用區塊

方法: > 的後面放文字,至多可3個。

引用區塊

子引用區塊

子子引用區塊

7. 粗體、斜體、底線、刪除線

斜體: 文字前後各一個*
粗體: 文字前後各二個**
底線: 文字前後各二個++
刪除線: 文字前後各二個~~

8. 插入圖片

方法: ! [ ] ( ),後面的 () 中間插入圖片的網址,即可加入圖片。

9. 插入影片

  1. 首先輸入{}
  2. 以youtube為例,指令為{%youtube youtubeid %}
  3. 假設影片連結為:https://www.youtube.com/watch?v=PJuNmlE74BQ
  4. 將文字 {%youtube youtubeid %} 中的 youtubeid 替換成你影片連結的 id,也就是 PJuNmlE74BQ

10. 各種功能

  • 表情符號:輸入 : 後,使用英文尋找。
  • 程式碼區塊:輸入 ``` 加一個字元
  • 標題:輸入 #
  • 參考:輸入 []
  • 外部:輸入 {}
  • 圖片:輸入 !
  • 代辦事項:輸入 - [ ] 待辦事項 即可。
  • 外加圖示

11. 文字顏色大小

  • <font size=1>輸入文字</font><br>
  • <font color=black>輸入文字</font><br>
  • <font color="色碼">輸入文字</font><br>
  • 色碼查詢

12. 上標、下標、螢光筆、反白、程式碼、高亮、標籤與下拉選單

p.s. 鍵盤左上方與波浪符號同一格,我叫它小頓號 (`)

  • 上標: ^文字^
  • 下標: ~文字~
  • 螢光筆: ==文字==
  • 反白: 於文字前後各一個小頓號
  • 程式碼: 於程式碼開頭與結尾的前後間隔幾行,各給三個小頓號。(程式碼內加文字可以用#來當作註解以顏色來區隔)
  • 高亮: 於開頭最後一個小頓號後加上=clikeor=CSSor=javascriptorbash=
  • 標籤或下拉選單: 跟程式碼一樣,要打的文字上方為:::,接著選擇你要的;下方用:::結尾。

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 →
整體如何使用,看編輯畫面應該就會懂了

13. 簡報模式 (分隔線)

於上下文之間,間隔3行。於第2行打上以下命令。

  • 大簡報: ---
  • 小簡報: ----

14. markdown to pdf

  1. 點「發表」
  2. 按「ctrl-P」
  3. 在目的點「變更」,點「另存為PDF」
  4. 點「儲存」