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