此頁面也用於測試文章和頁面中使用的元件。
實用連結
我的部落格資訊
設計
常用表情符號
:D(快捷鍵) | ||
😄 :smile: | 😊 :blush: | 😍 :heart_eyes: |
😓 :sweat: | :thumbsup: :thumbsup: | 😋 :yum: |
😰 :cold_sweat: | 😱 :scream: | 😭 :sob: |
😜 :stuck_out_tongue_winking_eye: | 😗 :kissing: | 😪 :sleepy: |
💩 :poop: | ✌ :v: | 💯 :100: |
🙈 :see_no_evil: | 🙉 :hear_no_evil: | 🙊 :speak_no_evil: |
💋 :kiss: | 💀 :skull: | 💧 :droplet: |
🎆 :fireworks: | 📢 :loudspeaker: | ⚠️ :warning: |
🚫 :no_entry_sign: | ✅ :white_check_mark: | ❌ :x: |
㊙️ :secret: | ⁉️ :interrobang: | ‼️ :bangbang: |
更多請參考 Emoji Cheatsheet
CSS
按鍵
- Control <kbd>Contro</kbd>
- Shift ⇧ <kbd>Shift ⇧</kbd> - 使用 Unicode 字元
Markdown（含外掛）
++Inserted++Inserted- 註腳
[^1]用於標記1，[^1]:用於註解 - 如果 markdown 在 {{}} 或 {%%} 上造成問題，請使用 {% raw %}{% raw %}{% endraw %}{% endraw %}
- Youtube 影片 {% youtube [youtube id] %}
| 動作 | Markdown | 範例 |
|---|---|---|
| 下標 | H~2~0 | H |
| 上標 | x^2^ | x^2^ |
| 粗體 | **bold** | bold |
| 斜體 | *italic* | italic |
| 粗體和斜體 | ***bold and italic*** | bold and italic |
| 標記 | ==marked== | ==marked== |
| 刪除線 | ~~strikethrough~~ | |
| 行內程式碼 | `inline code` | inline code |
| 連結 | [link text](https://neo01.com) | link text |
| 圖片 |  |
使用樣式類別的屬性，例如：
# header {.style-me}
paragraph {data-toggle=modal}
paragraph *style me*{.red} more text輸出
<h1 class="style-me">header</h1>
<p data-toggle="modal">paragraph</p>
<p>paragraph <em class="red">style me</em> more text</p>表格欄位對齊
程式碼：
| 預設 | 左對齊 | 置中 | 右對齊 |
|---|---|---|---|
| 1 | 1 | 1 | 1 |
| 22 | 22 | 22 | 22 |
| 333 | 333 | 333 | 333 |
結果：
| 預設 | 左對齊 | 置中 | 右對齊 |
|---|---|---|---|
| 1 | 1 | 1 | 1 |
| 22 | 22 | 22 | 22 |
| 333 | 333 | 333 | 333 |
引用區塊
程式碼：
一些引用文字
結果：
一些引用文字
有序清單
程式碼：
- 項目 1
- 項目 2
結果：
- 項目 1
- 項目 2
無序清單
程式碼：
- 項目 1
- 項目 2
結果：
- 項目 1
- 項目 2
水平線
程式碼：
---
結果：
程式碼區塊
結果：
程式碼區塊程式碼：
程式碼區塊GitHub 卡片
使用者
:::githubCard{user="neoalienson"}
:::結果：
📁 --
Repositories
⭐ --
Stars
📈 --
Commits
👥 --
Followers
🔄 --
Pull Requests
❗ --
Issues
儲存庫
:::githubCard{user="neoalienson" repo="pachinko"}
:::結果：
Mermaid JS
block-beta
columns 1
db(("DB"))
blockArrowId6<[" "]>(down)
block:ID
A
B["A wide one in the middle"]
C
end
space
D
ID --> D
C --> D
style B fill:#969,stroke:#333,stroke-width:4px
長條圖
結果：
{
"title": {
"text": "Ephemeral Port Ranges by OS"
},
"tooltip": {},
"xAxis": {
"type": "category",
"data": ["Linux", "Windows", "macOS", "FreeBSD"]
},
"yAxis": {
"type": "value",
"name": "Ports"
},
"series": [{
"type": "bar",
"data": [28233, 16384, 16384, 55536]
}]
}
Line chart:
{
"title": { "text": "API Calls Over Time" },
"tooltip": {},
"xAxis": { "type": "category", "data": ["Mon", "Tue", "Wed", "Thu", "Fri"] },
"yAxis": { "type": "value" },
"series": [{
"type": "line",
"data": [320, 532, 401, 634, 590],
"areaStyle": {}
}]
}
Footnotes
-
註腳範例 ↩