UnoCSS 配置

我们默认集成了 UnoCSS 以下 presets 预设。

因此,你可以直接在 Markdown 中快速实现各式各样的效果。

UnoCSS | Markdown

unocss

您可以在主题 theme 目录的 uno.config.tsunocss.config.ts 文件中编写 UnoCSS 配置。

uno.config.ts
ts[object Promise]

也可以在 valaxy.config.ts 文件的 unocss 配置项中进行配置。以下是 valaxy.config.tsunocss 配置项的示例:

valaxy.config.ts
ts[object Promise]

unocss 配置项中直接配置 presets 会覆盖主题和 Valaxy 默认的 presets

如果想扩展这些预设,请使用 unocssPresets

valaxy.config.ts
ts[object Promise]

提示

uno.config.tsunocss.config.ts 文件中配置 presets 也会覆盖 Valaxy 或主题的默认预设。
若要扩展预设,请使用 unocssPresets

unocssPresets

若要在 Valaxy 中扩展 UnoCSS presets 配置项,以下是一个基本示例

valaxy.config.ts
ts[object Promise]

警告

以下方式是错误的写法,注意 unocssPresetsunocss 配置项之间的区别

The following method is incorrect. Note the difference between the unocssPresets and unocss configuration options:

valaxy.config.ts
ts[object Promise]

FAQ

关于 UnoCSS 热重载失效

由于目前无法获取 UnoCSS 的 ctx,暂时还没有找到一个好的方法来实现热重载 #48


To Be Continued.

贡献者