# 常用寫法
| 類別 | 用法 | 編譯結果 |
|---|---|---|
| 斜體（Italic） | * 斜體 * | 斜體 |
| 粗體（Bold） | ** 粗體 ** | 粗體 |
| 一級標題（Heading） | # 標題 | 標題 |
| 二級標題 | ## 標題 | 標題 |
| 連結 | [google](https://www.google.com.tw/) | |
| 圖片 |  |  |
| 水平分隔線 | *** | |
| 上標 | 這是一段文字 <sup> 上標 </sup> | 這是一段文字 上標 |
| 下標 | 這是一段文字 <sub> 下標 </sub> | 這是一段文字 下標 |
| 區塊引言（Blockquote） | > 我思故我在。 | 我思故我在。 |
| 無序列表 | - first - second - third |
|
| 有序列表 | 1. first 2. second 3. third |
|
| 行內程式碼 | `npm install` | npm install |
| 區塊程式碼 | ``` const a = 1; console.log(a); // 1 ``` |
|
# 特殊寫法
# 代辦選單
- [ ] 這是一個小叉叉 | |
- [x] 這是一個小勾勾 |
# 區塊程式碼
# 一般寫法
// 宣告一個陣列 | |
const scapes = [ | |
{ image: "uploads/images1", imageScapeName: "img1" }, | |
{ image: "uploads/images2", imageScapeName: "img3" }, | |
{ image: "uploads/images3", imageScapeName: "img1" }, | |
{ image: "uploads/images5", imageScapeName: "img3" }, | |
]; |
# 加上 title
// ```javascript mark:3-6 javascript 刪除陣列重複值的方法 | |
const result = []; | |
scapes.forEach((scape) => { | |
if (!result.find((r) => r.imageScapeName === scape.imageScapeName)) { | |
result.push(scape); | |
} | |
}); |
// ```js mark:2-6 javascript 刪除陣列重複值的方法 | |
const result = scapes.filter((scape, index, arr) => { | |
return ( | |
arr.findIndex((s) => scape.imageScapeName === s.imageScapeName) === index | |
); | |
}); | |
console.log(result); | |
// [ | |
// { image: 'uploads/images1', imageScapeName: 'img1' }, | |
// { image: 'uploads/images2', imageScapeName: 'img3' } | |
// ] |
# 文字特效
[紅橙黃綠藍靛紫]{.rainbow} | |
[紅色]{.red} | |
[粉紅色]{.pink} | |
[橙色]{.orange} | |
[黃色]{.yellow} | |
[綠色]{.green} | |
[靛色]{.aqua} | |
[藍色]{.blue} | |
[紫色]{.purple} | |
[灰色]{.grey} | |
快捷键 [Ctrl]{.kbd} + [C]{.kbd .red} | |
H~2~0 | |
29^th^ |
紅橙黃綠藍靛紫
紅色
粉紅色
橙色
黃色
綠色
靛色
藍色
紫色
灰色
快捷键 Ctrl + C
H20
29th
# 特殊標示
[default]{.label} | |
[primary]{.label .primary} | |
[info]{.label .info} | |
[:heavy_check_mark:success]{.label .success} | |
[warning]{.label .warning} | |
[:broken_heart:danger]{.label .danger} |
default
primary
info
✔️success
warning
💔danger
# 提示色塊
:::default | |
預設！！ | |
::: | |
:::primary | |
基本基本 | |
::: | |
:::info | |
提示提示 | |
::: | |
:::success | |
成功成功 | |
::: | |
:::warning | |
警告警告 | |
::: | |
:::danger | |
危險 | |
::: | |
:::danger no-icon | |
危險 | |
::: |
預設！！
基本基本
提示提示
成功成功
警告警告
危險
# 頁籤選單
;;;id2 1 號卡片標題 | |
:::success | |
這個是一號卡片內容 | |
::: | |
;;; | |
;;;id2 2 號卡片標題 | |
:::success | |
這個是二號卡片內容 | |
::: | |
;;; |
這個是一號卡片內容
這個是二號卡片內容
# 摺疊區塊
+++ 基本設定 | |
內容 | |
+++ |
primary
info
success
warning
danger
預設這是一段文字
這是內容這是內容
紫色
這是紫色
藍色
藍色
綠色
這是綠色
黄色
這是黃色
紅色
這是紅色
