diff --git a/quartz.config.ts b/quartz.config.ts index c6fba39c0..9746f32c5 100644 --- a/quartz.config.ts +++ b/quartz.config.ts @@ -77,6 +77,7 @@ const config: QuartzConfig = { // *caption text* // ``` Plugin.FigureCaptions(), + Plugin.ChineseItalic(), // Adds image lightbox support //Plugin.Lightbox(), ], diff --git a/quartz/plugins/transformers/chinese-italic.ts b/quartz/plugins/transformers/chinese-italic.ts new file mode 100644 index 000000000..baef5d714 --- /dev/null +++ b/quartz/plugins/transformers/chinese-italic.ts @@ -0,0 +1,37 @@ +import { QuartzTransformerPlugin } from "../types" + +export const ChineseItalic: QuartzTransformerPlugin = () => { + return { + name: "ChineseItalic", + externalResources() { + return { + css: [ + { + // 内联 CSS 直接注入到页面 + content: ` + @font-face { + font-family: 'ChineseItalic'; + font-style: italic; + src: local('楷体'), + local('Kaiti SC'), + local('STKaiti'); + unicode-range: U+4E00-9FFF; + } + + em, .cm-em, i { + font-family: + -apple-system, + BlinkMacSystemFont, + 'Segoe UI', + Roboto, + 'ChineseItalic', + sans-serif; + font-style: italic; + } + `, + }, + ], + } + }, + } +} \ No newline at end of file diff --git a/quartz/plugins/transformers/index.ts b/quartz/plugins/transformers/index.ts index c334f9923..66a7d8836 100644 --- a/quartz/plugins/transformers/index.ts +++ b/quartz/plugins/transformers/index.ts @@ -13,3 +13,4 @@ export { HardLineBreaks } from "./linebreaks" export { RoamFlavoredMarkdown } from "./roam" export { FigureCaptions } from "./figcaptions" export { Lightbox } from "./lightbox" +export { ChineseItalic } from "./chinese-italic"