✨ Use local assets

console/src/utils/vditor-utils.ts

@@ -7,6 +7,7 @@ export function getOptions(options: Options): IOptions {
     height: "calc(100vh - 56px)",
     mode: options.defaultRenderMode,
     typewriterMode: options.typeWriterMode,
+    cdn: "/plugins/vditor-mde/assets/static",
     icon: "material",
     lang: getLanguage(options.language),
     toolbarConfig: {

console/src/views/Vditor.vue

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import Vditor from "@zhengyi/vditor";
 import { onMounted, ref } from "vue";
-import "vditor/dist/index.css";
+import "@zhengyi/vditor/dist/index.css";
 import type { EditorConfig } from "@/type/editor";
 import { getOptions } from "@/utils/vditor-utils";
 import type { AttachmentLike } from "@halo-dev/console-shared";

src/main/java/top/mczhengyi/vditor/utils/ScriptUtils.java

@@ -14,7 +14,7 @@ public class ScriptUtils {
 
     public static String basicScript(RenderConfig renderConfig) {
         return """
-                <script src="/plugins/vditor-mde/assets/static/method.min.js"></script>
+                <script src="/plugins/vditor-mde/assets/static/dist/method.min.js"></script>
                 <script src="/plugins/vditor-mde/assets/static/render.js" id="render-script"
                   data-dark="%s" data-mediaRender="%s"></script>
                 """.formatted(renderConfig.getDarkMode(), renderConfig.getMediaRender());

src/main/resources/static/render.js

@@ -1,4 +1,5 @@
-const THEME_PREFIX="https://unpkg.com/vditor@3.9.6/dist/css/content-theme"
+const THEME_PREFIX="/plugins/vditor-mde/assets/static/dist/css/content-theme"
+const CDN = "/plugins/vditor-mde/assets/static"
 
 window.addEventListener("load", () => {
     // 暗色模式初始化
@@ -12,6 +13,7 @@ window.addEventListener("load", () => {
     render("language-abc", Vditor.abcRender)
     render("language-graphviz", Vditor.graphvizRender)
     render("language-flowchart", Vditor.flowchartRender)
+    render("language-halo", Vditor.haloRender)
     // Render Media
     let mediaRenderOption = document.getElementById("render-script").dataset.mediarender
     if (mediaRenderOption==="true") {
@@ -77,9 +79,9 @@ function render(selector, callback, dark=null) {
     for (let i = 0; i < mindmap.length;i++) {
         const el = coverThis(mindmap[i])
         if (dark) {
-            callback(el, "https://unpkg.com/vditor@3.9.6", dark?"dark":"classic")
+            callback(el, CDN, dark?"dark":"classic")
         } else {
-            callback(el)
+            callback(el, CDN)
         }
     }
 }