# 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)