支持在文章中使用 UnoCSS
查看 Demo
安装插件和 UnoCSS
pnpm install hexo-unocss unocss全量安装图标库
pnpm install @iconify/json图标站：Icônes
unocss:
# 是否启用
enable: true
# 生成的样式文件
# 以 source 为根目录
file: css/uno.css
# 扫描文件
patterns:
- 'source/**/*.md'详情请参考 https://unocss.dev/config/
在根目录下新建 uno.config.ts，推荐以下配置。包含基础写法、属性写法、icon 的预设配置
import {
defineConfig,
presetAttributify,
presetIcons,
presetWind3,
transformerDirectives,
transformerVariantGroup
} from 'unocss'
export default defineConfig({
presets: [
presetWind3(),
presetAttributify(),
presetIcons({
extraProperties: {
'display': 'inline-block',
'height': '1.2em',
'width': '1.2em',
'vertical-align': 'text-bottom'
}
})
],
transformers: [
transformerDirectives(),
transformerVariantGroup()
],
content: {
pipeline: {
include: [/\.(md)($|\?)/]
}
}
})