# HackMD介紹 HackMD網站位置:https://hackmd.io/recent ![](https://i.imgur.com/BtiOQ26.jpg) HackMD 是個跨平台的 Markdown 即時協作筆記,可以在電腦、平板甚至是手機與其他人做筆記! 同時也可以透過 Facebook、Twitter、GitHub、Dropbox 登入。 Markdown的目標是實現「易讀易寫」。 # 一、常用功能 ``` 斜體:在兩邊加上 *星號* 或是 _底線_ 左上角的I 粗體:在兩邊加上 **兩個星號** 或是 __兩個底線__ 或是左上角的B也可以做到 刪除線:在兩邊加上 ~~兩個波浪~~ 左上角的S 引言(註解): > 換行:需在最後面+`兩個空白鍵`·· > 先以··表示空白 > 在中間位置的引號也可以做到 ``` ![](https://i.imgur.com/mvQuJw8.png) ----- # 二、標題 Markdown語法: ``` Markdown 提供了六種規格的,分別對應 Html 標籤中的`<h1> ~ <h6>` # h1 ## h2 ### h3 #### h4 ##### h5 ###### h6 ``` 顯示結果: # H1 ## H2 ### H3 #### H4 ##### H5 ###### H6 ---- # 三、列表 Markdown語法: ``` 有序列表直接打 `數字`+ `.` + `空白鍵`就可以了 1. 有序列表1 2. 有序列表2 1. 子有序列表1 2. 子有序列表2 * 無序列表 * 子無序列表 * 子無序列表 要在列表項目下加入段落,只要`+Tab`就好了。 > * 無序列表可以使用星號 > - 或減號 > + 或加號 ``` 顯示結果: 有序列表直接打 `數字`+ `.` + `空白鍵`就可以了 1. 有序列表1 2. 有序列表2 1. 子有序列表1 2. 子有序列表2 * 無序列表 * 子無序列表 * 子無序列表 要在列表項目下加入段落,只要`+Tab`就好了。 > * 無序列表可以使用星號 > - 或減號 > + 或加號 ----- # 四、連結 Markdown語法: 如何PO上網址: 連結兩邊加上`<` `>`就會產生超連結 ``` <http://dillinger.io/> ``` <http://dillinger.io/> 如果只要顯示一串文字來代表超連結: 名稱兩邊加上`[` `]`然後再連結兩邊加上`(` `)`就可以將連結替換成文字連結 ``[Dillinger](http://dillinger.io/ "link") `` [Dillinger](http://dillinger.io/ "link") 產生圖片的方式: 將`[` `]`前+`!`,則可以產生圖片 (把滑鼠指向圖片可以看到註解) jpg後面那邊的雙引號才會是圖片顯示的文字喔像是我打風景,滑鼠只像游標的時候就會顯示出來 ``![圖片參考名稱](https://i.imgur.com/lHdWmnU.jpg "風景") `` ![圖片參考名稱](https://i.imgur.com/lHdWmnU.jpg "風景") ----- # 五、程式碼與語法高亮 ``` 行內的 `程式碼` 用 `反引號` 包起來 區塊的 `程式碼` 用 ```三個反引號```包起來 記得要加上語言名稱 ``` Markdown語法: ``` ```html <ul> <li>123<li> <ul> ```javascript var s = "JavaScript 語法高亮"; alert(s); ```php $s = "PHP 語法高亮"; echo $s; ``` 顯示結果: ```html <ul> <li>123<li> <ul> ``` ```javascript var s = "JavaScript 語法高亮"; alert(s); ``` ```php $s = "PHP 語法高亮"; echo $s; ``` ---- # 六、表格 Markdown語法: ``` 每個標頭元件都要用至少三個`破折號`+`直線`分隔開來,預設為置左。 `冒號`可以用來標示欄位的對齊方式。 | 表頭1 | 表頭2 | 表頭3 | |-------|:-----:|------:| | 左1 | 中1 | 右1 | | 左2 | 中2 | 右2 | | 左3 | 中3 | 右3 | 當然,也可以在表格內加入樣式 | 功能 | 效果 | Markdown語法 | |:------:|:----------:|:------------:| | 粗體 | **粗體** | `**粗體**` | | 斜體 | *斜體* | `*斜體*` | | 刪除線 | ~~刪除線~~ | `~~刪除線~~` | ``` 顯示結果: 每個標頭元件都要用至少三個破折號+直線分隔開來,預設為置左。 冒號可以用來標示欄位的對齊方式。 | 表頭1 | 表頭2 | 表頭3 | |-------|:-----:|------:| | 左1 | 中1 | 右1 | | 左2 | 中2 | 右2 | | 左3 | 中3 | 右3 | 當然,也可以在表格內加入樣式 | 功能 | 效果 | Markdown語法 | |:------:|:----------:|:------------:| | 粗體 | **粗體** | `**粗體**` | | 斜體 | *斜體* | `*斜體*` | | 刪除線 | ~~刪除線~~ | `~~刪除線~~` | ---- # 參考資料 [Markdown文件](https://markdown.tw/) [Luka Hackmd教學](https://gist.github.com/codingluka/32fba06ed62821466b726d3c0c9e5fb4)