--- title: HackMD 筆記使用 description: 此文件作為使用手冊的筆記 tags: Literacy breaks: false dir: ltr --- > [name=yusung] [time=Mar 5, 2020] [color=lightblue] # YAML metadata - 隱藏在上面文首用上下兩條 - - - 作分隔，其餘還有 - lang: <[ISO 639-1](https://en.wikipedia.org/wiki/List_of_ISO_639-1_codes)> - image: ... **連結顯示用的圖示** - dir: ltr **預設, 置左** / rtl **置右** # 內文 - ++底線文字++ - ==標記文字== - 上標^文字^ - 下標~文字~ - 註腳連結[^id]，備註會附在文末 [^id]: 備註區 # 嵌入 ### 筆記目錄 [TOC] ### 程式碼加行號 / 指定行號 ```c= int main() { return 0; } ``` ```sh=100 echo $DIRSTACK ``` 接續上一段行號 ```sh=+ cd ~/ ``` ### [表情符號](http://www.emoji-cheat-sheet.com/) :smile: :wink: :high_brightness: ### 區塊 :::success :tada: success ::: :::info :information_source: info ::: :::warning :warning: warning ::: :::danger :fire: danger ::: :::spoiler 點選顯示更多內容 :secret: spoiler ::: ### 區塊標籤 > blah blah blah > [name=ChengHan Wu] [time=Sun, Jun 28, 2015 9:59 PM] [color=red] ### 圖表工具 #### [sequence](http://bramp.github.io/js-sequence-diagrams/) ```sequence Title: Here is a title A->B: Normal line B-->C: Dashed line C->>D: Open arrow D-->>A: Dashed open arrow ``` #### [flow](http://adrai.github.io/flowchart.js) ```flow # define nodes & routes IDst=>start: 開始 IDend=>end: 結束 ID1=>operation: 我的操作 ID2=>inputoutput: 啦啦啦 IDcond=>condition: 是或否？ IDst->ID1->ID2->IDcond IDcond(yes)->IDend IDcond(no)->ID2 ``` #### [graphviz](http://www.tonyballantyne.com/graphs.html#orgheadline14) ```graphviz graph graphname { rankdir=LR; //Rank Direction Left to Right a -- b; b -- c; b -- d; d -- a; } ``` ```graphviz digraph graphname{ T [label="Teacher"] // node T P [label="Pupil"] // node P T->P [label="Instructions", fontcolor=darkgreen] // edge T->P } ``` ```graphviz digraph hierarchy { nodesep=1.0 // increases the separation between nodes node [color=Red,fontname=Courier,shape=box] //All nodes will this shape and colour edge [color=Blue, style=dashed] //All the lines look like this 校長->{學務長 秘書 教務長} 學務長->{職員1 職員2} 教務長->職員3 {rank=same;秘書 職員3 職員1 職員2} // Put them on the same level } ``` #### [mermaid](http://mermaid-js.github.io/mermaid) (略) 包含 - Flow Chart - Pie Chart - Class Diagram - Sequence Diagram - State Diagram - Gantt #### [abc](http://abcnotation.com/learn) (略) - 樂譜 # iframe 嵌入式語法 ### YouTube {%youtube nrkq2WUacz4 %} ### Gist (Github Instantly Shared Code) {%gist schacon/4277%} ### HackMD {%hackmd 46YfUHv3Ty-CCgI1vWLC-w?both %}