自行开发了一个 remark 插件，用于实现 GitHub Flavored Markdown 的最新功能：An option to highlight a "Note" and "Warning" using blockquote (Beta)

普通

> 普通的 `blockquote`
>
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> 由于大量使用了比较新的 HTML & CSS 技术，对浏览器版本的要求较高：
> * 需要支撑 Grid 布局，`:has` CSS 选择器等
> * 在不支持 `Container Query` 的环境下会降级运行
>
> 与之相反，对 JavaScript 的要求非常低，甚至可以完全禁用 JavaScript，访客可以降级运行，且大部分功能不受影响

普通的 blockquote

Test Link code

const a: number = 1;

由于大量使用了比较新的 HTML & CSS 技术，对浏览器版本的要求较高：

• 需要支撑 Grid 布局, :has CSS 选择器等
• 在不支持 Container Query 的环境下会降级运行

Note

> [!NOTE]
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> $$
> \LaTeX
> $$
> 由于大量使用了比较新的 HTML & CSS 技术，对浏览器版本的要求较高：
> * 需要支撑 Grid 布局, `:has` CSS 选择器等
> * 在不支持 `Container Query` 的环境下会降级运行
>
> ![](e0e915649b93a51e20b66fd5f68a86301829aa6fe81d014b5be62f851e0b759d.png)

NOTE

Test Link code

const a: number = 1;

$$\LaTeX$$

由于大量使用了比较新的 HTML & CSS 技术，对浏览器版本的要求较高：

• 需要支撑 Grid 布局, :has CSS 选择器等
• 在不支持 Container Query 的环境下会降级运行

TIP

> [!TIP]
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> $$
> \LaTeX
> $$

TIP

Test Link code

const a: number = 1;

$$\LaTeX$$

Important

> [!IMPORTANT]
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> $$
> \LaTeX
> $$

IMPORTANT

Test Link code

const a: number = 1;

$$\LaTeX$$

Warning

> [!WARNING]
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> $$
> \LaTeX
> $$

WARNING

Test Link code

const a: number = 1;

$$\LaTeX$$

Caution

> [!CAUTION]
> Test [Link](#233) `code`
> ```ts
> const a: number = 1;
> ```
> $$
> \LaTeX
> $$

CAUTION

Test Link code

const a: number = 1;

$$\LaTeX$$