⚡ perf: 提升 shiki 加载速度

arvinxx · May 26, 2023 · 3466076 · 3466076 · vercel · May 26, 2023
1 parent 9619614
commit 3466076
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/components/Highlighter/useShiki.ts b/src/components/Highlighter/useShiki.ts
@@ -1,5 +1,5 @@
 import { useCallback, useEffect, useMemo, useRef } from 'react';
-import { getHighlighter, Highlighter, Theme } from 'shiki-es';
+import { Highlighter, Theme, getHighlighter, setCDN } from 'shiki-es';
 import useControlledState from 'use-merge-value';
 
 import { languageMap } from './language';
@@ -15,6 +15,9 @@ export interface ShikiOptions {
   theme?: Partial<ShikiSyntaxTheme>;
 }
 
+// 使用 element cdn 提升加载速度
+setCDN('https://npm.elemecdn.com/shiki-es/dist/assets');
+
 const defaultTheme: ShikiSyntaxTheme = {
   dark: 'github-dark',
   light: 'github-light',