高亮块

语法

图标需要预构建

用到的图标需要加入 iconify 预构建配置

这个特性集成了 remark-directive

:::tip|info|note|warning|important|caution|danger[标题]
一些高亮内容
:::
md

提示

提示标题

一些提示内容

自定义图标的提示标题

一些提示内容

:::tip[提示标题]
一些提示内容
:::

:::tip[自定义图标的提示标题]{icon=openmoji:red-apple}
一些提示内容
:::
md
View code

信息

信息标题

一些信息内容

自定义图标的信息标题

一些信息内容

:::info[信息标题]
一些信息内容
:::

:::info[自定义图标的信息标题]{icon=openmoji:red-apple}
一些信息内容
:::
md
View code

注意

注意标题

一些注意内容

自定义图标的注意标题

一些注意内容

:::note[注意标题]
一些注意内容
:::

:::note[自定义图标的注意标题]{icon=openmoji:red-apple}
一些注意内容
:::
md
View code

警告

警告标题

一些警告内容

自定义图标的警告标题

一些警告内容

:::warning[警告标题]
一些警告内容
:::

:::warning[自定义图标的警告标题]{icon=openmoji:red-apple}
一些警告内容
:::
md
View code

重要

重要标题

一些重要的内容

自定义图标的重要标题

一些重要的内容

:::important[重要标题]
一些重要的内容
:::

:::important[自定义图标的重要标题]{icon=openmoji:red-apple}
一些重要的内容
:::
md
View code

当心

当心标题

一些当心内容

自定义图标的当心标题

一些当心内容

:::caution[当心标题]
一些当心内容
:::

:::caution[自定义图标的当心标题]{icon=openmoji:red-apple}
一些当心内容
:::
md
View code

危险

危险标题

一些危险内容

自定义图标的危险标题

一些危险内容

:::danger[危险标题]
一些危险内容
:::

:::danger[自定义图标的危险标题]{icon=openmoji:red-apple}
一些危险内容
:::
md
View code

链接与行内代码

高亮块内的链接和行内代码会继承高亮块的主题色与背景色:

提示标题

提示链接 tip 都匹配提示的主题色

信息标题

信息链接 info 都匹配信息的主题色

注意标题

注意链接 note 都匹配注意的主题色

警告标题

警告链接 warning 都匹配警告的主题色

重要标题

重要链接 important 都匹配重要的主题色

当心标题

当心链接 caution 都匹配当心的主题色

危险标题

危险链接 danger 都匹配危险的主题色

:::tip[提示标题]
[提示链接](/guide/introduction/)`tip` 都匹配提示的主题色
:::

:::info[信息标题]
[信息链接](/guide/introduction/)`info` 都匹配信息的主题色
:::

:::note[注意标题]
[注意链接](/guide/introduction/)`note` 都匹配注意的主题色
:::

:::warning[警告标题]
[警告链接](/guide/introduction/)`warning` 都匹配警告的主题色
:::

:::important[重要标题]
[重要链接](/guide/introduction/)`important` 都匹配重要的主题色
:::

:::caution[当心标题]
[当心链接](/guide/introduction/)`caution` 都匹配当心的主题色
:::

:::danger[危险标题]
[危险链接](/guide/introduction/)`danger` 都匹配危险的主题色
:::
md
View code
最后更新于: 2026/09/05 03:57