Skip to content

其他語法

文字上色方式

效果 語法
新增 {++新增++}
刪除 {--刪除--}
替換舊 替換新 {~~ 替換舊 ~> 替換新 ~~}
強調 {== 強調 ==}
雙框 *雙框*
粗體 **粗體**

Warning

為使用雙框，此文檔不能使用斜體

警告框

用法 

!!! warning
    為使用雙框，此文檔不能使用斜體
Note

以???開頭可以將區塊變成可折疊 

??? note
    可折疊

Note

可折疊

???+預設展開 

???+ note
    預設展開

Note

預設展開

Warning

內文需要縮排

增加標題方式

!!! abstract "增加標題方式"
如果不想顯示標題可以使用空字串即可 
!!! abstract ""
    不要標題

不要標題

其他提示框

Tip

Success

Question

Warning

Failure

Danger

Bug

Example

Quote

選項卡

=== "步驟一"
    -   內文一  
=== "步驟二"
    -   內文二
=== "注意事項 "
    -   內文需要縮排
=== "使用時機"
    -   如果有文件需要寫步驟可使用

效果

  • 內文一
  • 內文二
  • 內文需要縮排
  • 如果有文件需要寫步驟可使用

checkbox

- [ ] 集保admin
- [x] 集保主管
- [x] 集保經辦
- [ ] 集保理級
- [ ] 申請單位代號 admin 
- [ ] 申請單位代號主管
- [ ] 申請單位代號經辦
  • 集保admin
  • 集保主管
  • 集保經辦
  • 集保理級
  • 申請單位代號 admin
  • 申請單位代號主管
  • 申請單位代號經辦

Mermaid使用方式

使用Mermaid Live Edit編輯mermaid

mermaidlive

  • stateDiagram 
    ```mermaid
stateDiagram
direction TB
[*]--> 插入卡片
插入卡片 --> 讀取PIN碼: 讀卡
插入卡片 --> 退出卡片: 無效的卡片
讀取PIN碼 --> 選擇交易項目: 有效的PIN碼
讀取PIN碼 --> 退出卡片:無效的PIN碼
選擇交易項目 --> 退出卡片: 取消交易
選擇交易項目 --> 執行交易: 交易選擇
執行交易 --> 選擇交易項目: 其他交易
執行交易 --> 退出卡片: 結束交易
退出卡片 --> [*]
```

stateDiagram
direction TB
[*]--> 插入卡片
插入卡片 --> 讀取PIN碼: 讀卡
插入卡片 --> 退出卡片: 無效的卡片
讀取PIN碼 --> 選擇交易項目: 有效的PIN碼
讀取PIN碼 --> 退出卡片:無效的PIN碼
選擇交易項目 --> 退出卡片: 取消交易
選擇交易項目 --> 執行交易: 交易選擇
執行交易 --> 選擇交易項目: 其他交易
執行交易 --> 退出卡片: 結束交易
退出卡片 --> [*]
  • sequenceDiagram
    ```mermaid
sequenceDiagram
    actor User
    participant ATM
    participant Bank

    User->>ATM: 插入卡片
    ATM->>User: 輸入密碼
    User->>ATM: 輸入密碼
    ATM->>Bank: 驗證密碼
    Bank->>ATM: 密碼正確
    ATM->>User: 顯示交易項目
    User->>ATM: 選擇交易項目
    ATM->>User: 顯示交易金額項目
    User->>ATM: 選擇交易金額
    ATM->>Bank: 交易進行
    Bank->>ATM: 交易執行成功
    ATM->>User: 配發現金
    User->>ATM: 要求拿取現金
    ATM->>User: 拿取現金
    User->>ATM: 是否繼續交易
    User->>ATM: 結束交易
    ATM->>User: 顯示餘額

```

sequenceDiagram
    actor User
    participant ATM
    participant Bank

    User->>ATM: 插入卡片
    ATM->>User: 輸入密碼
    User->>ATM: 輸入密碼
    ATM->>Bank: 驗證密碼
    Bank->>ATM: 密碼正確
    ATM->>User: 顯示交易項目
    User->>ATM: 選擇交易項目
    ATM->>User: 顯示交易金額項目
    User->>ATM: 選擇交易金額
    ATM->>Bank: 交易進行
    Bank->>ATM: 交易執行成功
    ATM->>User: 配發現金
    User->>ATM: 要求拿取現金
    ATM->>User: 拿取現金
    User->>ATM: 是否繼續交易
    User->>ATM: 結束交易
    ATM->>User: 顯示餘額

表格使用方式

表格使用方式參考

| 姓名   | 年齡   | 職業  |
| :---- | :----: | ----: |
| 置左   | 置中   | 置右  |
| 張三   | 30    | 工程師 |
| 李四   | 25    | 設計師 |
| 王五   | 35    | 醫生   |
  • 讀取excel表格
excel表格參考

語法:

{{ read_csv('table/test.csv') }}

姓名 年齡 職業
張三 30 工程師
李四 25 設計師
王五 35 醫生

{{ read_csv(('table/test.csv' ) , colalign=("left","center","right")) }}

對齊方式

colalign=("left","center","right")

有多個欄位想設定就填幾個

不填寫預設文字靠左數字靠右

姓名 年齡 職業
張三 30 工程師
李四 25 設計師
王五 35 醫生

Warning

為了方便製作表格，使用CSV格式。存檔時選擇CSV UTF-8(逗號分隔) 若不選擇此格式會亂碼

  • 在表格內要換行有兩種方式
  • 使用br
姓名 年齡 性別 職業 城市 興趣
李小華 34 女 設計師 台中 繪畫
登山
閱讀
音樂
張麗麗 22 女 學生 台南 閱讀
音樂
下棋
烹飪
陳大偉 45 男 醫生 高雄 下棋
瑜伽
烹飪
  • 使用alt+enter(在excel格子內換行)
姓名 年齡 性別 職業 城市 興趣
李小華 34 女 設計師 台中 繪畫
登山
閱讀
烹飪
張麗麗 22 女 學生 台南 閱讀
音樂
下棋
烹飪
陳大偉 45 男 醫生 高雄 下棋
瑜伽
烹飪

使用與不使用差別

使用< br>標籤時在MD顯示會較為清楚，但在excel撰寫時可能會導致易讀性較差
在excel格子內換行的話撰寫易讀性較高，但在MD顯示會較不清楚。

待討論議題Icon

在想要放置icon的地方使用:material-chat-question:{ .question} 

像這樣:material-chat-question:{ .question}
像這樣