HackMD Note - HackMD

--- title: HackMD Note tags: computer --- :::success HackMD Note ::: [TOC] # test1 :::success success ::: :::info info ::: :::warning warning ::: :::danger danger ::: :::spoiler spoiler 123 ::: # test2 todo list - [ ] work1 - [x] work2 - [ ] work3 # test3 ```csvpreview {header="true"} name,age,city John,13,Newyork Arnold,25,Taipei Susan,40,Los Angel ``` ```csvpreview {header="true"} project,status prjA, x prjB, o prjC, x prjD, o prjE, x ``` refer to [```Render-CSV-as-table```](https://hackmd.io/s/features#Render-CSV-as-table) # test4 - string format **Bold** *Italic* ***斜體兼粗體*** ++底線文字++ ~~刪除線~~ _斜體2_ __斜粗2__ hello^我是上標^ hello~我是下標~ ==Highlight== # 任意字元 \``` \=== \--- # test5 - icon :information_source: ✔ ✖ ➜ :arrow_left: :arrow_right: :arrow_upper_left: :arrow_upper_right: :memo: :rocket: :bulb: :pushpin: :video_game: :link: :smile: :smiley: :cry: :wink: :tada: :+1: :100: 🍰 🌷 👸 🤴 💚 🍎 🐍 💨 🌈 🍫 💰 # test6 - link ref 123 [link-Google] 456 [link-Google]: http://google.com/ [link-yahoo]: http://yahoo.com/ # test7 - table sample - Table | XXX | BBBB | | ----------------- |:----------------------- | | 123 | 123 | | 123 | 123 | | 123 | 123 | | 123 | 123 | | 123 | 123 | # test8 <style> code { border: 1px solid currentColor; } </style> - 2020-10-13 💰`採買` 產品123 - 2020-10-14 `發表` 於期刊發表 xxx 研究成果 - 2020-10-14 `發表->送件` 於期刊發表 xxx 研究成果 # font ## font size 1號字 2號字 3號字 (預設) 4號字 5號字 6號字 7號字 ## font color red orange yellow green blue indigo purple white gray black pink cake flower queen prince heart apple snake chocolate fart rainbow rainbow-text # syntax highlight ## C ```c #include <stdio.h> int main (void) { printf ("hello world"); return 0; } ``` ## C 加行號 ```c= #include <stdio.h> int main (void) { printf ("hello world"); return 0; } ``` ## Golang ```go var ( x int = 100 y string = "hello" z float64 = 1.23456 ) ``` # embedded ## youtube video {%youtube 09R8_2nJtjg %} ## slideshare {%slideshare e2m/kubernetes-basics %} ## pdf {%pdf https://www.w3.org/TR/WAI-WEBCONTENT/wai-pageauth.pdf %} # mermaid ## pie chart ```mermaid pie title 你最常喝什麼酒？ "啤酒" : 52.8 "紅、白葡萄酒" : 24.8 "威士忌" : 8.6 "高粱" : 4.0 "花式調酒": 8.9 ``` ## Gantt Diagram ```mermaid gantt title A Gantt Diagram section Section A task :a1, 2014-01-01, 30d Another task :after a1 , 20d section Another Task in sec :2014-01-12 , 12d anther task : 24d ``` ## graph ```mermaid graph TD; 111-->222; 111-->333; 222-->444; 333-->555; 444-->666; 444-->777; 444-->888; 444--->999; 555-->aaa; 999-->bbb; ``` ```mermaid graph LR; 111-->222; 111-->333; 222-->444; 333-->555; 444-->666; 444-->777; 444-->888; 444--->999; 555-->aaa; 999-->bbb; ``` ## Sequence Diagrams ```mermaid sequenceDiagram Andrew->John: Says Hello Note right of John: John thinks about it John-->Andrew: How are you? Andrew->>John: I am good thanks! ``` ```mermaid sequenceDiagram Title: Here is a title A->B: Normal line B-->C: Dashed line C->>D: Open arrow D-->>A: Dashed open arrow ``` ```mermaid sequenceDiagram participant A as Alice participant L as Luis A->>L: Hello Luis, how are you? L->>A: Great! ``` <style> .rainbow-text { background: linear-gradient(to left, indigo, purple, blue, dodgerblue, green, orange, red); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } </style> # Table for month | XXX | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | | ----- | --- | --- | --- | --- |--- |--- |--- |--- |--- |--- |--- |--- | | A | | V | | | | | | | | | | | | B | | | | V | | | V | | | | | | | C | V | | | | V | | | | V | | | | | D | | | V | | | | | V | | | | | | E | | | V | | | V | | | | V | | V |