MDC 提取器

支援從 MDC (Markdown Components) 語法中提取類別。

安裝

pnpm

pnpm add -D @unocss/extractor-mdc

yarn

yarn add -D @unocss/extractor-mdc

npm

npm install -D @unocss/extractor-mdc

uno.config.ts

import extractorMdc from '@unocss/extractor-mdc'
import { defineConfig } from 'unocss'

export default defineConfig({
  extractors: [
    extractorMdc(),
  ],
})

它會將提取應用於 .md、.mdc 和 .markdown 檔案，以提取類別的內聯屬性用法。例如：

# Title{.text-2xl.font-bold}

Hello [World]{.text-blue-500}

![image](/image.png){.w-32.h-32}

將會提取 text-2xl、font-bold、text-blue-500、w-32、h-32 類別。