GitLab – Markdown 語法

GitLab 的 Readme.md 或是 wiki 是使用 Markdown 語法來編輯,下面來看一下常用的語法, 參考文章 https://gitlab.com/GammaRayStudio/DevDoc/-/blob/master/Markdown/002.markdown-tutor.md

HTML – H1 ~ H6

使用 # (H1) , ## (H2) … 依此類推

# H1
## H2
###### H6

顯示結果

Lists

有序清單使用數字+句點(.) , 無序清單直接使用星號(*),加號(+)或是減號(-)

1. First ordered list item
2. Another item
   - Unordered sub-list.
1. Actual numbers don't matter, just that it's a number
   1. Ordered sub-list
   1. Next ordered sub-list item
4. And another item.

顯示結果

Task lists

使用 + 符號 (階層最多兩層).

+ [X] To-Do1
  + [X] Detail 1-1
  + [X] Detail 1-2
  + [ ] Detail 1-3
+ [ ] To-Do2
+ [ ] To-Do3

顯示結果

分隔線

使用 3 個 – 符號 來表示分隔線.

---

Code spans and blocks

```
Text - 文字說明
```

```java
// Java Code 
System.out.println("Hello Word");
```

```diff
+ System.out.println("Hello Word");
- System.out.println("Hello Word");
```

顯示結果

HyperLink

<https://gitlab.com/GammaRayStudio>

顯示結果

Diagrams and flowcharts

```mermaid
graph TD;
  A-->B;
  A-->C;
  B-->D;
  C-->D;
```

顯示結果

Table

| Markdown             | Simple               | Table           |
| :------------------- | :------------------- |:--------------- |
| left-aligned column  | column               | column          |
| $100                 | $100                 | $100            |
| $10                  | $10                  | $10             |
| $1                   | $1                   | $1              |

顯示結果

image or video

上傳後的相片與影片尺寸可以透過 {width 與 height} 來設定.

![alt text](img/markdown_logo.png "Title Text"){width=100 height=100px}
![alt text](img/markdown_logo.png "Title Text"){width=75%}