From 47667393436013da4b9b4bf664a9cddd7e7d1d8d Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Wed, 27 Dec 2023 20:33:08 +0800
Subject: [PATCH 01/14] :arrow_up: Update halo requires version to 2.11.0

---
 build.gradle                   | 2 +-
 console/package.json           | 2 +-
 console/pnpm-lock.yaml         | 2 +-
 gradle.properties              | 2 +-
 src/main/resources/plugin.yaml | 2 +-
 5 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/build.gradle b/build.gradle
index 836edad..82fb07f 100644
--- a/build.gradle
+++ b/build.gradle
@@ -16,7 +16,7 @@ repositories {
 }
 
 dependencies {
-    implementation platform('run.halo.tools.platform:plugin:2.8.0-SNAPSHOT')
+    implementation platform('run.halo.tools.platform:plugin:2.11.0-SNAPSHOT')
     compileOnly 'run.halo.app:api'
 
     testImplementation 'run.halo.app:api'
diff --git a/console/package.json b/console/package.json
index f144bf7..1561783 100644
--- a/console/package.json
+++ b/console/package.json
@@ -12,7 +12,7 @@
   },
   "dependencies": {
     "@halo-dev/components": "^1.7.0",
-    "@halo-dev/console-shared": "^2.8.0",
+    "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
     "@zhengyi/vditor": "^3.9.8",
     "vue": "^3.3.4"
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index c546400..ef274d7 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -9,7 +9,7 @@ dependencies:
     specifier: ^1.7.0
     version: 1.10.0(vue-router@4.2.5)(vue@3.3.12)
   '@halo-dev/console-shared':
-    specifier: ^2.8.0
+    specifier: ^2.11.0
     version: 2.11.0(vue-router@4.2.5)(vue@3.3.12)
   '@zhengyi/vditor':
     specifier: ^3.9.8
diff --git a/gradle.properties b/gradle.properties
index 95ac233..f271e55 100644
--- a/gradle.properties
+++ b/gradle.properties
@@ -1 +1 @@
-version=1.3.1-SNAPSHOT
+version=1.4.0-SNAPSHOT
diff --git a/src/main/resources/plugin.yaml b/src/main/resources/plugin.yaml
index a77c6cb..671ae62 100644
--- a/src/main/resources/plugin.yaml
+++ b/src/main/resources/plugin.yaml
@@ -5,7 +5,7 @@ metadata:
   name: vditor-mde
 spec:
   enabled: true
-  requires: ">=2.8.0"
+  requires: ">=2.11.0"
   author:
     name: zhengyi59
     website: https://github.com/justice2001/veditor-plugin

From 78db09dc4b51827899f9c5beca56db6adb0c0c6c Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Wed, 27 Dec 2023 21:41:37 +0800
Subject: [PATCH 02/14] :sparkles: Support upload image via drag

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/26
https://github.com/justice2001/halo-plugin-vditor/issues/9
---
 console/package.json              |  2 +-
 console/pnpm-lock.yaml            |  2 +-
 console/src/type/editor.d.ts      |  1 +
 console/src/utils/vditor-utils.ts |  3 +++
 console/src/views/Vditor.vue      | 15 +++++++++++++++
 5 files changed, 21 insertions(+), 2 deletions(-)

diff --git a/console/package.json b/console/package.json
index 1561783..12e81bb 100644
--- a/console/package.json
+++ b/console/package.json
@@ -11,7 +11,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
-    "@halo-dev/components": "^1.7.0",
+    "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
     "@zhengyi/vditor": "^3.9.8",
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index ef274d7..6f2279a 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -6,7 +6,7 @@ settings:
 
 dependencies:
   '@halo-dev/components':
-    specifier: ^1.7.0
+    specifier: ^1.10.0
     version: 1.10.0(vue-router@4.2.5)(vue@3.3.12)
   '@halo-dev/console-shared':
     specifier: ^2.11.0
diff --git a/console/src/type/editor.d.ts b/console/src/type/editor.d.ts
index 2c34734..1178b3f 100644
--- a/console/src/type/editor.d.ts
+++ b/console/src/type/editor.d.ts
@@ -15,4 +15,5 @@ export declare type Options = {
   showAttachment: () => void;
   language: string;
   codeBlockPreview: boolean;
+  uploadImage?: (files: File[]) => string | null | Promise;
 };
diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index d88da83..4d74e86 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -43,6 +43,9 @@ export function getOptions(options: Options): IOptions {
     fullscreen: {
       index: 1000,
     },
+    upload: {
+      handler: options.uploadImage,
+    },
   };
 }
 
diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index 0a3c85b..d70ae79 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -5,15 +5,18 @@ 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";
+import type { Attachment } from "@halo-dev/api-client";
 
 const props = withDefaults(
   defineProps<{
     raw?: string;
     content: string;
+    uploadImage?: (file: File) => Promise<Attachment>;
   }>(),
   {
     raw: "",
     content: "",
+    uploadImage: undefined,
   }
 );
 
@@ -87,6 +90,18 @@ onMounted(async () => {
       showAttachment: () => (attachmentSelectorModalShow.value = true),
       language: lang,
       codeBlockPreview: codeBlockPreview,
+      uploadImage: (files: File[]) => {
+        if (props.uploadImage) {
+          vditor.value.tip("正在上传图片...", 2000);
+          props.uploadImage(files[0]).then((res: Attachment) => {
+            console.log(res.status.permalink, res.spec.displayName);
+            vditor.value.insertValue(
+              `\n\n![${res.spec.displayName}](${res.status.permalink})\n\n`
+            );
+          });
+        }
+        return null;
+      },
     })
   );
 });

From 6b23dbbf39f1c1bdab8b16e7d8b16d7aae4651b7 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Thu, 28 Dec 2023 00:02:24 +0800
Subject: [PATCH 03/14] :arrow_up: Update vditor to 3.9.9-beta

---
 console/package.json   |  2 +-
 console/pnpm-lock.yaml | 18 ++++++++++++------
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/console/package.json b/console/package.json
index 12e81bb..b6da10e 100644
--- a/console/package.json
+++ b/console/package.json
@@ -14,7 +14,7 @@
     "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
-    "@zhengyi/vditor": "^3.9.8",
+    "@zhengyi/vditor": "file:/Users/liuzhengyi/WebstormProjects/vditor",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index 6f2279a..15e36d2 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -12,8 +12,8 @@ dependencies:
     specifier: ^2.11.0
     version: 2.11.0(vue-router@4.2.5)(vue@3.3.12)
   '@zhengyi/vditor':
-    specifier: ^3.9.8
-    version: 3.9.8
+    specifier: file:/Users/liuzhengyi/WebstormProjects/vditor
+    version: file:../../WebstormProjects/vditor
   canvas-confetti:
     specifier: ^1.6.0
     version: 1.9.2
@@ -1019,10 +1019,8 @@ packages:
       '@types/node': 16.18.68
     dev: true
 
-  /@zhengyi/vditor@3.9.8:
-    resolution: {integrity: sha512-PjGtpoVOezS//hf567BEqg8p0cEmlptV9oxiCc8UsCg9sHaJ0EYvhvS0m6Wsg/L7ShRVZe6RrjKa9SDtRu0m6w==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.8/vditor-3.9.8.tgz}
-    dependencies:
-      diff-match-patch: 1.0.5
+  /@zhengyi/halo-render@1.1.0:
+    resolution: {integrity: sha512-r+aD7wvdXVRyFcw/yI/PbdIqSsC+Bnql2WSKZa8CK+ntpTvc2tybn6Wxsfw96C71QS+Q/MPe8ufwZBjtRd+hhg==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fhalo-render/-/1.1.0/halo-render-1.1.0.tgz}
     dev: false
 
   /abab@2.0.6:
@@ -3913,3 +3911,11 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: true
+
+  file:../../WebstormProjects/vditor:
+    resolution: {directory: ../../WebstormProjects/vditor, type: directory}
+    name: '@zhengyi/vditor'
+    dependencies:
+      '@zhengyi/halo-render': 1.1.0
+      diff-match-patch: 1.0.5
+    dev: false

From 663019f9ad1bcc550e702ff217e2ca42cfb69b99 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Thu, 28 Dec 2023 00:04:27 +0800
Subject: [PATCH 04/14] :arrow_up: Update vditor to 3.9.9-build.0

---
 console/package.json   |  2 +-
 console/pnpm-lock.yaml | 19 +++++++++----------
 2 files changed, 10 insertions(+), 11 deletions(-)

diff --git a/console/package.json b/console/package.json
index b6da10e..dbc27ef 100644
--- a/console/package.json
+++ b/console/package.json
@@ -14,7 +14,7 @@
     "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
-    "@zhengyi/vditor": "file:/Users/liuzhengyi/WebstormProjects/vditor",
+    "@zhengyi/vditor": "3.9.9-build.0",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index 15e36d2..051a1eb 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -12,8 +12,8 @@ dependencies:
     specifier: ^2.11.0
     version: 2.11.0(vue-router@4.2.5)(vue@3.3.12)
   '@zhengyi/vditor':
-    specifier: file:/Users/liuzhengyi/WebstormProjects/vditor
-    version: file:../../WebstormProjects/vditor
+    specifier: 3.9.9-build.0
+    version: 3.9.9-build.0
   canvas-confetti:
     specifier: ^1.6.0
     version: 1.9.2
@@ -1023,6 +1023,13 @@ packages:
     resolution: {integrity: sha512-r+aD7wvdXVRyFcw/yI/PbdIqSsC+Bnql2WSKZa8CK+ntpTvc2tybn6Wxsfw96C71QS+Q/MPe8ufwZBjtRd+hhg==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fhalo-render/-/1.1.0/halo-render-1.1.0.tgz}
     dev: false
 
+  /@zhengyi/vditor@3.9.9-build.0:
+    resolution: {integrity: sha512-lvI32FQNm8R+CKw9uSNOIeKXUhRQm71hOEd9bvqplKKTTQm4ToGAFMgkFxBeryCP8R2gzy0K/AH9rLfWMUnCZQ==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.9-build.0/vditor-3.9.9-build.0.tgz}
+    dependencies:
+      '@zhengyi/halo-render': 1.1.0
+      diff-match-patch: 1.0.5
+    dev: false
+
   /abab@2.0.6:
     resolution: {integrity: sha512-j2afSsaIENvHZN2B8GOpF566vZ5WVk5opAiMTvWgaQT8DkbOqsTfvNAvHoRGU2zzP8cPoqys+xHTRDWW8L+/BA==}
     deprecated: Use your platform's native atob() and btoa() methods instead
@@ -3911,11 +3918,3 @@ packages:
     resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
     engines: {node: '>=10'}
     dev: true
-
-  file:../../WebstormProjects/vditor:
-    resolution: {directory: ../../WebstormProjects/vditor, type: directory}
-    name: '@zhengyi/vditor'
-    dependencies:
-      '@zhengyi/halo-render': 1.1.0
-      diff-match-patch: 1.0.5
-    dev: false

From 8638d09e63efd1abc41c08386e57d8e4dcacdaa8 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 15:43:15 +0800
Subject: [PATCH 05/14] :sparkles: Add file type validate when upload image

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/26
---
 console/src/views/Vditor.vue | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index d70ae79..2da4bd1 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -91,10 +91,17 @@ onMounted(async () => {
       language: lang,
       codeBlockPreview: codeBlockPreview,
       uploadImage: (files: File[]) => {
+        const acceptType = ["png", "jpg", "jpeg", "bmp", "gif", "webp", "svg"];
+        const extendName = files[0].name
+          .slice(files[0].name.lastIndexOf(".") + 1)
+          .toLowerCase();
+        if (acceptType.indexOf(extendName) === -1) {
+          vditor.value.tip("不允许上传该类型图片!", 2000);
+          return null;
+        }
         if (props.uploadImage) {
           vditor.value.tip("正在上传图片...", 2000);
           props.uploadImage(files[0]).then((res: Attachment) => {
-            console.log(res.status.permalink, res.spec.displayName);
             vditor.value.insertValue(
               `\n\n![${res.spec.displayName}](${res.status.permalink})\n\n`
             );

From 5b6647e079380391ac4d86f32bd5e9edfbabca30 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 15:49:47 +0800
Subject: [PATCH 06/14] :heavy_plus_sign: Add @halo-dev/api-client Dependency

---
 console/package.json   | 1 +
 console/pnpm-lock.yaml | 3 +++
 2 files changed, 4 insertions(+)

diff --git a/console/package.json b/console/package.json
index dbc27ef..6dbe8f5 100644
--- a/console/package.json
+++ b/console/package.json
@@ -11,6 +11,7 @@
     "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts --fix --ignore-path .gitignore"
   },
   "dependencies": {
+    "@halo-dev/api-client": "^2.11.0",
     "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index 051a1eb..76f890e 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -5,6 +5,9 @@ settings:
   excludeLinksFromLockfile: false
 
 dependencies:
+  '@halo-dev/api-client':
+    specifier: ^2.11.0
+    version: 2.11.0
   '@halo-dev/components':
     specifier: ^1.10.0
     version: 1.10.0(vue-router@4.2.5)(vue@3.3.12)

From a4b7ad3e8ff36e5f8ed7266f95951fe4dc4b63b2 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 16:05:08 +0800
Subject: [PATCH 07/14] :sparkles: Add loading model when vditor do not ready

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/28
---
 console/src/views/Vditor.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index 2da4bd1..c516b0b 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -6,6 +6,7 @@ import type { EditorConfig } from "@/type/editor";
 import { getOptions } from "@/utils/vditor-utils";
 import type { AttachmentLike } from "@halo-dev/console-shared";
 import type { Attachment } from "@halo-dev/api-client";
+import { VLoading } from "@halo-dev/components";
 
 const props = withDefaults(
   defineProps<{
@@ -22,6 +23,7 @@ const props = withDefaults(
 
 const vditor = ref();
 const vditorRef = ref();
+const vditorLoaded = ref(false);
 const attachmentSelectorModalShow = ref(false);
 
 const emit = defineEmits<{
@@ -57,6 +59,7 @@ onUnmounted(async () => {
     .querySelectorAll("script[id^='vditor']")
     .forEach((el) => el.remove());
   document.querySelectorAll("link[id^='vditor']").forEach((el) => el.remove());
+  vditorLoaded.value = false;
 });
 
 onMounted(async () => {
@@ -85,6 +88,7 @@ onMounted(async () => {
       typeWriterMode: typeWriterMode,
       after: () => {
         vditor.value.setValue(props.raw || "# Title Here");
+        vditorLoaded.value = true;
       },
       input: debounceOnUpdate,
       showAttachment: () => (attachmentSelectorModalShow.value = true),
@@ -116,6 +120,7 @@ onMounted(async () => {
 
 <template>
   <div id="plugin-vditor-mde">
+    <VLoading v-if="!vditorLoaded" style="height: 100%" />
     <div id="vditor" ref="vditorRef"></div>
 
     <AttachmentSelectorModal

From 791df38010d6abce5dc26a28bf6aae588f352207 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 20:35:32 +0800
Subject: [PATCH 08/14] :sparkles: Add Tips Insert Modal

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/29
---
 console/src/i18n/en-US.ts         | 10 ++++++
 console/src/i18n/zh-CN.ts         | 19 +++++++---
 console/src/i18n/zh-TW.ts         | 18 +++++++---
 console/src/model/TipsModel.vue   | 59 +++++++++++++++++++++++++++++++
 console/src/utils/i18n-utils.ts   |  7 +++-
 console/src/utils/vditor-utils.ts |  2 +-
 console/src/views/Vditor.vue      | 32 +++++++++++++++++
 7 files changed, 136 insertions(+), 11 deletions(-)
 create mode 100644 console/src/model/TipsModel.vue

diff --git a/console/src/i18n/en-US.ts b/console/src/i18n/en-US.ts
index d668a43..c8e0505 100644
--- a/console/src/i18n/en-US.ts
+++ b/console/src/i18n/en-US.ts
@@ -2,6 +2,16 @@ import type { I18nLang } from "@/type/i18n";
 
 const lang: I18nLang = {
   insert_image: "Insert Image",
+  confirm: "Confirm",
+  close: "Close",
+  default: "Default",
+  warning: "Warning",
+  danger: "Danger",
+  success: "Success",
+  info: "Info",
+  insert_tips: "Insert Tips",
+  type: "Type",
+  content: "Content",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-CN.ts b/console/src/i18n/zh-CN.ts
index b4012f6..c5bcd03 100644
--- a/console/src/i18n/zh-CN.ts
+++ b/console/src/i18n/zh-CN.ts
@@ -1,8 +1,17 @@
-import type {I18nLang} from "@/type/i18n";
+import type { I18nLang } from "@/type/i18n";
 
 const lang: I18nLang = {
-  "insert_image": "插入图片"
-}
+  insert_image: "插入图片",
+  confirm: "确定",
+  close: "关闭",
+  default: "默认",
+  warning: "警告",
+  danger: "危险",
+  success: "成功",
+  info: "信息",
+  insert_tips: "插入Tips",
+  type: "类型",
+  content: "内容",
+};
 
-
-export default lang
+export default lang;
diff --git a/console/src/i18n/zh-TW.ts b/console/src/i18n/zh-TW.ts
index 7bf1294..bbef97d 100644
--- a/console/src/i18n/zh-TW.ts
+++ b/console/src/i18n/zh-TW.ts
@@ -1,7 +1,17 @@
-import type {I18nLang} from "@/type/i18n";
+import type { I18nLang } from "@/type/i18n";
 
 const lang: I18nLang = {
-  "insert_image": "插入圖片"
-}
+  insert_image: "插入圖片",
+  confirm: "確定",
+  close: "關閉",
+  default: "默認",
+  warning: "警告",
+  danger: "危險",
+  success: "成功",
+  info: "訊息",
+  insert_tips: "插入Tips",
+  type: "類型",
+  content: "內容",
+};
 
-export default lang
+export default lang;
diff --git a/console/src/model/TipsModel.vue b/console/src/model/TipsModel.vue
new file mode 100644
index 0000000..bb54978
--- /dev/null
+++ b/console/src/model/TipsModel.vue
@@ -0,0 +1,59 @@
+<script setup lang="ts">
+import { VModal, VButton, VSpace } from "@halo-dev/components";
+import { ref } from "vue";
+import { t } from "@/utils/i18n-utils";
+
+const props = defineProps<{
+  open: boolean;
+}>();
+const emit = defineEmits<{
+  (event: "done", value: string): void;
+  (event: "close"): void;
+}>();
+
+const type = ref("default");
+const content = ref("");
+
+const generateCode = () => {
+  emit(
+    "done",
+    "\n\n```halo\n" + `tips:${type.value}\n${content.value}\n` + "```\n\n"
+  );
+};
+</script>
+
+<template>
+  <VModal
+    :visible="props.open"
+    :layer-closable="false"
+    :title="t('insert_tips')"
+    @close="emit('close')"
+  >
+    <v-space align="start" direction="column" spacing="xs" style="width: 100%">
+      <label for="type" class="vditor-mde-label">
+        <span>{{ t("type") }}</span>
+        <select id="type" v-model="type" class="vditor-mde-select">
+          <option value="default">{{ t("default") }}</option>
+          <option value="danger">{{ t("danger") }}</option>
+          <option value="warn">{{ t("warning") }}</option>
+          <option value="info">{{ t("info") }}</option>
+          <option value="success">{{ t("success") }}</option>
+        </select>
+      </label>
+      <label for="content" class="vditor-mde-label">
+        {{ t("content") }}
+        <textarea id="content" v-model="content" class="vditor-mde-textarea" />
+      </label>
+    </v-space>
+    <template #footer>
+      <v-space align="center" direction="row" spacing="xs">
+        <v-button type="primary" @click="generateCode">
+          {{ t("confirm") }}
+        </v-button>
+        <v-button type="default" @click="emit('close')">
+          {{ t("close") }}
+        </v-button>
+      </v-space>
+    </template>
+  </VModal>
+</template>
diff --git a/console/src/utils/i18n-utils.ts b/console/src/utils/i18n-utils.ts
index f3ad1c3..d106fb3 100644
--- a/console/src/utils/i18n-utils.ts
+++ b/console/src/utils/i18n-utils.ts
@@ -2,6 +2,7 @@ import zhCN from "@/i18n/zh-CN";
 import type { I18nLang } from "@/type/i18n";
 import zhTW from "@/i18n/zh-TW";
 import enUS from "@/i18n/en-US";
+import {getLanguage} from "@/utils/vditor-utils";
 
 const langDict: { [key: string]: I18nLang } = {
   zh_CN: zhCN,
@@ -14,6 +15,10 @@ const langDict: { [key: string]: I18nLang } = {
  * @param key key
  * @param lang 目标语言
  */
-export function t(key: string, lang: keyof II18n): string {
+export function t(
+  key: string,
+  lang: keyof II18n | undefined = undefined
+): string {
+  if (!lang) lang = getLanguage(localStorage.getItem("locale") || "zh-CN");
   return langDict[lang][key];
 }
diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index 4d74e86..89f89f6 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -49,7 +49,7 @@ export function getOptions(options: Options): IOptions {
   };
 }
 
-function getLanguage(lang = "zh-CN"): keyof II18n {
+export function getLanguage(lang = "zh-CN"): keyof II18n {
   switch (lang) {
     case "zh-CN":
       return "zh_CN";
diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index c516b0b..e2b7fef 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -7,6 +7,7 @@ import { getOptions } from "@/utils/vditor-utils";
 import type { AttachmentLike } from "@halo-dev/console-shared";
 import type { Attachment } from "@halo-dev/api-client";
 import { VLoading } from "@halo-dev/components";
+import TipsModel from "@/model/TipsModel.vue";
 
 const props = withDefaults(
   defineProps<{
@@ -25,6 +26,13 @@ const vditor = ref();
 const vditorRef = ref();
 const vditorLoaded = ref(false);
 const attachmentSelectorModalShow = ref(false);
+// 特殊插入框， 当前支持none/tips/git
+const insertModel = ref("none");
+const insertValue = (value: string) => {
+  insertModel.value = "none";
+  vditor.value.insertValue(value);
+  vditor.value.focus();
+};
 
 const emit = defineEmits<{
   (event: "update:raw", value: string): void;
@@ -120,9 +128,12 @@ onMounted(async () => {
 
 <template>
   <div id="plugin-vditor-mde">
+    <button @click="insertModel = 'tips'">OPEN MODAL</button>
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
     <div id="vditor" ref="vditorRef"></div>
 
+    <TipsModel :open="insertModel === 'tips'" @done="insertValue" />
+
     <AttachmentSelectorModal
       v-model:visible="attachmentSelectorModalShow"
       :accepts="['image/*']"
@@ -142,4 +153,25 @@ onMounted(async () => {
 #plugin-vditor-mde input {
   line-height: normal;
 }
+
+.vditor-mde-label {
+  width: 100%;
+  display: flex;
+}
+
+.vditor-mde-select {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  padding-top: 8px;
+  padding-bottom: 8px;
+  margin-left: 10px;
+  flex: 1;
+}
+
+.vditor-mde-textarea {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  margin-left: 10px;
+  flex: 1;
+}
 </style>

From 0b137f7a1ceaa3d67f31af3c17e2cef5fb728de9 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 21:05:53 +0800
Subject: [PATCH 09/14] :sparkles: Add Git Insert Modal

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/29
---
 console/src/i18n/en-US.ts      |  4 ++
 console/src/i18n/zh-CN.ts      |  4 ++
 console/src/i18n/zh-TW.ts      |  4 ++
 console/src/model/GitModal.vue | 72 ++++++++++++++++++++++++++++++++++
 console/src/views/Vditor.vue   | 27 ++++++++++---
 5 files changed, 106 insertions(+), 5 deletions(-)
 create mode 100644 console/src/model/GitModal.vue

diff --git a/console/src/i18n/en-US.ts b/console/src/i18n/en-US.ts
index c8e0505..072c551 100644
--- a/console/src/i18n/en-US.ts
+++ b/console/src/i18n/en-US.ts
@@ -12,6 +12,10 @@ const lang: I18nLang = {
   insert_tips: "Insert Tips",
   type: "Type",
   content: "Content",
+  platform: "Platform",
+  owner: "Owner",
+  repo: "Repo",
+  insert_git: "Insert Git Repo",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-CN.ts b/console/src/i18n/zh-CN.ts
index c5bcd03..bb11cdc 100644
--- a/console/src/i18n/zh-CN.ts
+++ b/console/src/i18n/zh-CN.ts
@@ -12,6 +12,10 @@ const lang: I18nLang = {
   insert_tips: "插入Tips",
   type: "类型",
   content: "内容",
+  platform: "平台",
+  owner: "所有者",
+  repo: "仓库",
+  insert_git: "插入Git仓库",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-TW.ts b/console/src/i18n/zh-TW.ts
index bbef97d..0e4ebda 100644
--- a/console/src/i18n/zh-TW.ts
+++ b/console/src/i18n/zh-TW.ts
@@ -12,6 +12,10 @@ const lang: I18nLang = {
   insert_tips: "插入Tips",
   type: "類型",
   content: "內容",
+  platform: "平臺",
+  owner: "所有者",
+  repo: "儲存庫",
+  insert_git: "插入Git存儲庫",
 };
 
 export default lang;
diff --git a/console/src/model/GitModal.vue b/console/src/model/GitModal.vue
new file mode 100644
index 0000000..4d8f17b
--- /dev/null
+++ b/console/src/model/GitModal.vue
@@ -0,0 +1,72 @@
+<script setup lang="ts">
+import { VModal, VButton, VSpace } from "@halo-dev/components";
+import { t } from "@/utils/i18n-utils";
+import { ref } from "vue";
+
+const URL_NOT_SHOW = ["github"];
+
+const props = defineProps<{
+  open: boolean;
+}>();
+const emit = defineEmits<{
+  (event: "done", value: string): void;
+  (event: "close"): void;
+}>();
+
+const url = ref("");
+const platform = ref("github");
+const owner = ref("");
+const repo = ref("");
+
+const generateCode = () => {
+  emit(
+    "done",
+    "\n\n```halo\n" +
+      `git:[${url.value}@${platform.value}/${owner.value}/${repo.value}]` +
+      "\n```\n\n"
+  );
+};
+</script>
+
+<template>
+  <VModal
+    :visible="props.open"
+    :layer-closable="false"
+    :title="t('insert_git')"
+    @close="emit('close')"
+  >
+    <v-space align="start" direction="column" spacing="xs" style="width: 100%">
+      <label v-if="URL_NOT_SHOW.indexOf(platform) === -1" for="url">
+        <span>URL</span>
+        <input id="url" v-model="url" type="text" class="vditor-mde-input" />
+      </label>
+      <label for="type" class="vditor-mde-label">
+        <span>{{ t("platform") }}</span>
+        <select id="platform" v-model="platform" class="vditor-mde-select">
+          <option value="github">GitHub</option>
+          <option value="gitea">Gitea</option>
+        </select>
+      </label>
+      <label for="owner" class="vditor-mde-label">
+        <span>{{ t("owner") }}</span>
+        <input id="owner" v-model="owner" type="text" class="vditor-mde-input" />
+      </label>
+      <label for="repo" class="vditor-mde-label">
+        <span>{{ t("repo") }}</span>
+        <input id="repo" v-model="repo" type="text" class="vditor-mde-input" />
+      </label>
+    </v-space>
+    <template #footer>
+      <v-space align="center" direction="row" spacing="xs">
+        <v-button type="primary" @click="generateCode">
+          {{ t("confirm") }}
+        </v-button>
+        <v-button type="default" @click="emit('close')">
+          {{ t("close") }}
+        </v-button>
+      </v-space>
+    </template>
+  </VModal>
+</template>
+
+<style scoped></style>
diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index e2b7fef..2914004 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -8,6 +8,7 @@ import type { AttachmentLike } from "@halo-dev/console-shared";
 import type { Attachment } from "@halo-dev/api-client";
 import { VLoading } from "@halo-dev/components";
 import TipsModel from "@/model/TipsModel.vue";
+import GitModal from "@/model/GitModal.vue";
 
 const props = withDefaults(
   defineProps<{
@@ -128,11 +129,14 @@ onMounted(async () => {
 
 <template>
   <div id="plugin-vditor-mde">
-    <button @click="insertModel = 'tips'">OPEN MODAL</button>
+    <button @click="insertModel = 'git'">OPEN MODAL</button>
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
     <div id="vditor" ref="vditorRef"></div>
 
-    <TipsModel :open="insertModel === 'tips'" @done="insertValue" />
+    <div class="insert-modals">
+      <TipsModel :open="insertModel === 'tips'" @done="insertValue" />
+      <GitModal :open="insertModel === 'git'" @done="insertValue" />
+    </div>
 
     <AttachmentSelectorModal
       v-model:visible="attachmentSelectorModalShow"
@@ -154,12 +158,17 @@ onMounted(async () => {
   line-height: normal;
 }
 
-.vditor-mde-label {
+.insert-modals label {
   width: 100%;
   display: flex;
 }
 
-.vditor-mde-select {
+.insert-modals label span {
+  width: 60px;
+  text-align: right;
+}
+
+.insert-modals select {
   border: 1px solid #cccccc;
   border-radius: 3px;
   padding-top: 8px;
@@ -168,10 +177,18 @@ onMounted(async () => {
   flex: 1;
 }
 
-.vditor-mde-textarea {
+.insert-modals textarea {
+  border: 1px solid #cccccc;
+  border-radius: 3px;
+  margin-left: 10px;
+  flex: 1;
+}
+
+.insert-modals input[type="text"] {
   border: 1px solid #cccccc;
   border-radius: 3px;
   margin-left: 10px;
   flex: 1;
+  padding: 8px 10px;
 }
 </style>

From 67b47342ba4b14e63e19c49cc1c799c8c1193794 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 21:54:45 +0800
Subject: [PATCH 10/14] :sparkles: Add toolbar button

https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/29
---
 console/src/i18n/en-US.ts         |  1 +
 console/src/i18n/zh-CN.ts         |  1 +
 console/src/i18n/zh-TW.ts         |  1 +
 console/src/model/GitModal.vue    |  1 -
 console/src/model/TipsModel.vue   |  2 +-
 console/src/type/editor.d.ts      |  1 +
 console/src/utils/icon.ts         |  1 +
 console/src/utils/vditor-utils.ts | 27 +++++++++++++++++++++++++--
 console/src/views/Vditor.vue      | 16 +++++++++++++---
 9 files changed, 44 insertions(+), 7 deletions(-)

diff --git a/console/src/i18n/en-US.ts b/console/src/i18n/en-US.ts
index 072c551..b788465 100644
--- a/console/src/i18n/en-US.ts
+++ b/console/src/i18n/en-US.ts
@@ -16,6 +16,7 @@ const lang: I18nLang = {
   owner: "Owner",
   repo: "Repo",
   insert_git: "Insert Git Repo",
+  insert_custom: "Insert Custom",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-CN.ts b/console/src/i18n/zh-CN.ts
index bb11cdc..72c7f5d 100644
--- a/console/src/i18n/zh-CN.ts
+++ b/console/src/i18n/zh-CN.ts
@@ -16,6 +16,7 @@ const lang: I18nLang = {
   owner: "所有者",
   repo: "仓库",
   insert_git: "插入Git仓库",
+  insert_custom: "插入自定义块",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-TW.ts b/console/src/i18n/zh-TW.ts
index 0e4ebda..b24fc85 100644
--- a/console/src/i18n/zh-TW.ts
+++ b/console/src/i18n/zh-TW.ts
@@ -16,6 +16,7 @@ const lang: I18nLang = {
   owner: "所有者",
   repo: "儲存庫",
   insert_git: "插入Git存儲庫",
+  insert_custom: "插入自定義塊",
 };
 
 export default lang;
diff --git a/console/src/model/GitModal.vue b/console/src/model/GitModal.vue
index 4d8f17b..a909dea 100644
--- a/console/src/model/GitModal.vue
+++ b/console/src/model/GitModal.vue
@@ -44,7 +44,6 @@ const generateCode = () => {
         <span>{{ t("platform") }}</span>
         <select id="platform" v-model="platform" class="vditor-mde-select">
           <option value="github">GitHub</option>
-          <option value="gitea">Gitea</option>
         </select>
       </label>
       <label for="owner" class="vditor-mde-label">
diff --git a/console/src/model/TipsModel.vue b/console/src/model/TipsModel.vue
index bb54978..b06977b 100644
--- a/console/src/model/TipsModel.vue
+++ b/console/src/model/TipsModel.vue
@@ -41,7 +41,7 @@ const generateCode = () => {
         </select>
       </label>
       <label for="content" class="vditor-mde-label">
-        {{ t("content") }}
+        <span>{{ t("content") }}</span>
         <textarea id="content" v-model="content" class="vditor-mde-textarea" />
       </label>
     </v-space>
diff --git a/console/src/type/editor.d.ts b/console/src/type/editor.d.ts
index 1178b3f..abd9804 100644
--- a/console/src/type/editor.d.ts
+++ b/console/src/type/editor.d.ts
@@ -16,4 +16,5 @@ export declare type Options = {
   language: string;
   codeBlockPreview: boolean;
   uploadImage?: (files: File[]) => string | null | Promise;
+  openModal: (name: string) => void;
 };
diff --git a/console/src/utils/icon.ts b/console/src/utils/icon.ts
index 337e46a..4ba709d 100644
--- a/console/src/utils/icon.ts
+++ b/console/src/utils/icon.ts
@@ -1 +1,2 @@
 export const mdiImage = `<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m8.5 13.5l2.5 3l3.5-4.5l4.5 6H5m16 1V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2"/></svg>`;
+export const mdiGrid = `<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 -960 960 960" width="24"><path d="M120-520v-320h320v320H120Zm0 400v-320h320v320H120Zm400-400v-320h320v320H520Zm0 400v-320h320v320H520ZM200-600h160v-160H200v160Zm400 0h160v-160H600v160Zm0 400h160v-160H600v160Zm-400 0h160v-160H200v160Zm400-400Zm0 240Zm-240 0Zm0-240Z"/></svg>`;
diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index 89f89f6..f1e7f96 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -1,5 +1,5 @@
 import type { Options } from "@/type/editor";
-import { mdiImage } from "@/utils/icon";
+import {mdiGrid, mdiImage} from "@/utils/icon";
 import { t } from "@/utils/i18n-utils";
 
 export function getOptions(options: Options): IOptions {
@@ -22,7 +22,11 @@ export function getOptions(options: Options): IOptions {
     },
     after: options.after,
     input: options.input,
-    toolbar: getToolbar(options.showAttachment, getLanguage(options.language)),
+    toolbar: getToolbar(
+      options.showAttachment,
+      options.openModal,
+      getLanguage(options.language)
+    ),
     counter: {
       enable: true,
     },
@@ -66,6 +70,7 @@ export function getLanguage(lang = "zh-CN"): keyof II18n {
 
 function getToolbar(
   showAttachmentCb: () => void,
+  openModal: (name: string) => void,
   lang: keyof II18n
 ): (string | IMenuItem)[] | undefined {
   return [
@@ -104,6 +109,24 @@ function getToolbar(
     "|",
     "fullscreen",
     "edit-mode",
+    {
+      name: "insert_custom",
+      tip: t("insert_custom"),
+      icon: mdiGrid,
+      tipPosition: "n",
+      toolbar: [
+        {
+          name: "insert_tips",
+          icon: t("insert_tips"),
+          click: () => openModal("tips"),
+        },
+        {
+          name: "insert_git",
+          icon: t("insert_git"),
+          click: () => openModal("git"),
+        },
+      ],
+    },
     {
       name: "more",
       toolbar: ["both", "export", "outline", "info", "help"],
diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index 2914004..eebd461 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -122,6 +122,9 @@ onMounted(async () => {
         }
         return null;
       },
+      openModal: (name: string) => {
+        insertModel.value = name;
+      },
     })
   );
 });
@@ -129,13 +132,20 @@ onMounted(async () => {
 
 <template>
   <div id="plugin-vditor-mde">
-    <button @click="insertModel = 'git'">OPEN MODAL</button>
     <VLoading v-if="!vditorLoaded" style="height: 100%" />
     <div id="vditor" ref="vditorRef"></div>
 
     <div class="insert-modals">
-      <TipsModel :open="insertModel === 'tips'" @done="insertValue" />
-      <GitModal :open="insertModel === 'git'" @done="insertValue" />
+      <TipsModel
+        :open="insertModel === 'tips'"
+        @done="insertValue"
+        @close="insertModel = 'none'"
+      />
+      <GitModal
+        :open="insertModel === 'git'"
+        @done="insertValue"
+        @close="insertModel = 'none'"
+      />
     </div>
 
     <AttachmentSelectorModal

From ea2f44df75ee590b2c23d20d9c42b775e5262c0a Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 22:09:12 +0800
Subject: [PATCH 11/14] :sparkles: Add insert drive block

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/29
---
 console/src/i18n/en-US.ts         |  6 +++
 console/src/i18n/zh-CN.ts         |  6 +++
 console/src/i18n/zh-TW.ts         |  6 +++
 console/src/model/DriveModal.vue  | 75 +++++++++++++++++++++++++++++++
 console/src/utils/vditor-utils.ts |  5 +++
 console/src/views/Vditor.vue      |  6 +++
 6 files changed, 104 insertions(+)
 create mode 100644 console/src/model/DriveModal.vue

diff --git a/console/src/i18n/en-US.ts b/console/src/i18n/en-US.ts
index b788465..cea0bb8 100644
--- a/console/src/i18n/en-US.ts
+++ b/console/src/i18n/en-US.ts
@@ -17,6 +17,12 @@ const lang: I18nLang = {
   repo: "Repo",
   insert_git: "Insert Git Repo",
   insert_custom: "Insert Custom",
+  insert_drive: "Insert Resources Link",
+  baidu_net_disk: "Baidu Net Disk",
+  ali_drive: "Ali Drive",
+  title: "Title",
+  link: "Link",
+  password: "Password",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-CN.ts b/console/src/i18n/zh-CN.ts
index 72c7f5d..47cb14d 100644
--- a/console/src/i18n/zh-CN.ts
+++ b/console/src/i18n/zh-CN.ts
@@ -17,6 +17,12 @@ const lang: I18nLang = {
   repo: "仓库",
   insert_git: "插入Git仓库",
   insert_custom: "插入自定义块",
+  insert_drive: "插入资源链接",
+  baidu_net_disk: "百度网盘",
+  ali_drive: "阿里云盘",
+  title: "标题",
+  link: "链接",
+  password: "密码",
 };
 
 export default lang;
diff --git a/console/src/i18n/zh-TW.ts b/console/src/i18n/zh-TW.ts
index b24fc85..bdd47bc 100644
--- a/console/src/i18n/zh-TW.ts
+++ b/console/src/i18n/zh-TW.ts
@@ -17,6 +17,12 @@ const lang: I18nLang = {
   repo: "儲存庫",
   insert_git: "插入Git存儲庫",
   insert_custom: "插入自定義塊",
+  insert_drive: "插入資源鏈接",
+  baidu_net_disk: "百度網盤",
+  ali_drive: "阿里雲盤",
+  title: "標題",
+  link: "鏈接",
+  password: "密碼",
 };
 
 export default lang;
diff --git a/console/src/model/DriveModal.vue b/console/src/model/DriveModal.vue
new file mode 100644
index 0000000..0f0ecfb
--- /dev/null
+++ b/console/src/model/DriveModal.vue
@@ -0,0 +1,75 @@
+<script setup lang="ts">
+import { VModal, VButton, VSpace } from "@halo-dev/components";
+import { t } from "@/utils/i18n-utils";
+import { ref } from "vue";
+
+const props = defineProps<{
+  open: boolean;
+}>();
+const emit = defineEmits<{
+  (event: "done", value: string): void;
+  (event: "close"): void;
+}>();
+
+const platform = ref("baidu");
+const name = ref("");
+const link = ref("");
+const password = ref("");
+
+const generateCode = () => {
+  let code = "\n\n```halo\n";
+  code += `drive:${platform.value}\n`;
+  code += `name: ${name.value}\n`;
+  code += `link: ${link.value}\n`;
+  if (password.value) {
+    code += `password: ${password.value}\n`;
+  }
+  emit("done", code + "```\n\n");
+};
+</script>
+
+<template>
+  <VModal
+    :visible="props.open"
+    :layer-closable="false"
+    :title="t('insert_drive')"
+    @close="emit('close')"
+  >
+    <v-space align="start" direction="column" spacing="xs" style="width: 100%">
+      <label for="type" class="vditor-mde-label">
+        <span>{{ t("platform") }}</span>
+        <select id="platform" v-model="platform" class="vditor-mde-select">
+          <option value="baidu">{{ t("baidu_net_disk") }}</option>
+          <option value="ali">{{ t("ali_drive") }}</option>
+        </select>
+      </label>
+      <label for="name" class="vditor-mde-label">
+        <span>{{ t("title") }}</span>
+        <input id="name" v-model="name" type="text" class="vditor-mde-input" />
+      </label>
+      <label for="link" class="vditor-mde-label">
+        <span>{{ t("link") }}</span>
+        <input id="link" v-model="link" type="text" class="vditor-mde-input" />
+      </label>
+      <label for="password" class="vditor-mde-label">
+        <span>{{ t("password") }}</span>
+        <input
+          id="password"
+          v-model="password"
+          type="text"
+          class="vditor-mde-input"
+        />
+      </label>
+    </v-space>
+    <template #footer>
+      <v-space align="center" direction="row" spacing="xs">
+        <v-button type="primary" @click="generateCode">
+          {{ t("confirm") }}
+        </v-button>
+        <v-button type="default" @click="emit('close')">
+          {{ t("close") }}
+        </v-button>
+      </v-space>
+    </template>
+  </VModal>
+</template>
diff --git a/console/src/utils/vditor-utils.ts b/console/src/utils/vditor-utils.ts
index f1e7f96..c7e5b0f 100644
--- a/console/src/utils/vditor-utils.ts
+++ b/console/src/utils/vditor-utils.ts
@@ -125,6 +125,11 @@ function getToolbar(
           icon: t("insert_git"),
           click: () => openModal("git"),
         },
+        {
+          name: "insert_drive",
+          icon: t("insert_drive"),
+          click: () => openModal("drive"),
+        },
       ],
     },
     {
diff --git a/console/src/views/Vditor.vue b/console/src/views/Vditor.vue
index eebd461..1375054 100644
--- a/console/src/views/Vditor.vue
+++ b/console/src/views/Vditor.vue
@@ -9,6 +9,7 @@ import type { Attachment } from "@halo-dev/api-client";
 import { VLoading } from "@halo-dev/components";
 import TipsModel from "@/model/TipsModel.vue";
 import GitModal from "@/model/GitModal.vue";
+import DriveModal from "@/model/DriveModal.vue";
 
 const props = withDefaults(
   defineProps<{
@@ -146,6 +147,11 @@ onMounted(async () => {
         @done="insertValue"
         @close="insertModel = 'none'"
       />
+      <DriveModal
+        :open="insertModel === 'drive'"
+        @done="insertValue"
+        @close="insertModel = 'none'"
+      />
     </div>
 
     <AttachmentSelectorModal

From c4137369168c8a009917653b40f10d4df27292a7 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 22:31:56 +0800
Subject: [PATCH 12/14] :sparkles: Add feature rendered only in Markdown

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/27
Fix https://github.com/justice2001/halo-plugin-vditor/issues/10
---
 src/main/java/top/mczhengyi/vditor/bean/RenderConfig.java  | 1 +
 .../vditor/extension/VditorPostContentHandler.java         | 3 ++-
 .../vditor/extension/VditorSinglePageContentHandler.java   | 4 +++-
 src/main/resources/extensions/settings.yaml                | 7 ++++++-
 4 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/main/java/top/mczhengyi/vditor/bean/RenderConfig.java b/src/main/java/top/mczhengyi/vditor/bean/RenderConfig.java
index ad13c54..fbe7cee 100644
--- a/src/main/java/top/mczhengyi/vditor/bean/RenderConfig.java
+++ b/src/main/java/top/mczhengyi/vditor/bean/RenderConfig.java
@@ -7,4 +7,5 @@ public class RenderConfig {
     Boolean enableRender;
     String darkMode;
     Boolean mediaRender;
+    Boolean onlyMarkdown;
 }
diff --git a/src/main/java/top/mczhengyi/vditor/extension/VditorPostContentHandler.java b/src/main/java/top/mczhengyi/vditor/extension/VditorPostContentHandler.java
index 653e24d..f932460 100644
--- a/src/main/java/top/mczhengyi/vditor/extension/VditorPostContentHandler.java
+++ b/src/main/java/top/mczhengyi/vditor/extension/VditorPostContentHandler.java
@@ -21,7 +21,8 @@ public class VditorPostContentHandler implements ReactivePostContentHandler {
     public Mono<PostContentContext> handle(PostContentContext contentContext) {
         return reactiveSettingFetcher.fetch("render", RenderConfig.class)
                 .map(renderConfig -> {
-                    if (renderConfig.getEnableRender()) {
+                    if (renderConfig.getEnableRender()&&
+                        (!renderConfig.getOnlyMarkdown() || contentContext.getRawType().equals("markdown"))) {
                         contentContext.setContent(ScriptUtils.renderScript(renderConfig) + "\n" + contentContext.getContent());
                     }
                     return contentContext;
diff --git a/src/main/java/top/mczhengyi/vditor/extension/VditorSinglePageContentHandler.java b/src/main/java/top/mczhengyi/vditor/extension/VditorSinglePageContentHandler.java
index 731fdf6..df97490 100644
--- a/src/main/java/top/mczhengyi/vditor/extension/VditorSinglePageContentHandler.java
+++ b/src/main/java/top/mczhengyi/vditor/extension/VditorSinglePageContentHandler.java
@@ -19,7 +19,9 @@ public class VditorSinglePageContentHandler implements ReactiveSinglePageContent
     public Mono<SinglePageContentContext> handle(SinglePageContentContext contentContext) {
         return reactiveSettingFetcher.fetch("render", RenderConfig.class)
             .map(renderConfig -> {
-                if (renderConfig.getEnableRender()) {
+                // 启用条件：开启渲染器，在启用仅Markdown渲染时当前页面为Markdown
+                if (renderConfig.getEnableRender() &&
+                    (!renderConfig.getOnlyMarkdown() || contentContext.getRawType().equals("markdown"))) {
                     contentContext.setContent(ScriptUtils.renderScript(renderConfig) + "\n" + contentContext.getContent());
                 }
                 return contentContext;
diff --git a/src/main/resources/extensions/settings.yaml b/src/main/resources/extensions/settings.yaml
index 7aa7d85..4e1f245 100644
--- a/src/main/resources/extensions/settings.yaml
+++ b/src/main/resources/extensions/settings.yaml
@@ -53,4 +53,9 @@ spec:
               name: mediaRender
               label: "*实验性 渲染媒体标签"
               help: 启用该功能会搜索文章内可解析的链接进行解析, 这可能会导致您的渲染出现问题!
-              value: false
\ No newline at end of file
+              value: false
+            - $formkit: checkbox
+              name: onlyMarkdown
+              label: "仅在Markdown模式下渲染"
+              help: "启用该功能将仅在Markdown格式的文章下注入渲染脚本"
+              value: true
\ No newline at end of file

From 1e7413c3a0ff01741f8af29366fea81df44fe081 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Fri, 29 Dec 2023 23:41:29 +0800
Subject: [PATCH 13/14] :arrow_up: Update Halo-Vditor to 3.9.9-build.1

---
 console/package.json           | 2 +-
 console/pnpm-lock.yaml         | 8 ++++----
 console/src/model/GitModal.vue | 3 ++-
 download_dist.sh               | 2 +-
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/console/package.json b/console/package.json
index 6dbe8f5..332c14e 100644
--- a/console/package.json
+++ b/console/package.json
@@ -15,7 +15,7 @@
     "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
-    "@zhengyi/vditor": "3.9.9-build.0",
+    "@zhengyi/vditor": "3.9.9-build.1",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index 76f890e..a5fe7dd 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -15,8 +15,8 @@ dependencies:
     specifier: ^2.11.0
     version: 2.11.0(vue-router@4.2.5)(vue@3.3.12)
   '@zhengyi/vditor':
-    specifier: 3.9.9-build.0
-    version: 3.9.9-build.0
+    specifier: 3.9.9-build.1
+    version: 3.9.9-build.1
   canvas-confetti:
     specifier: ^1.6.0
     version: 1.9.2
@@ -1026,8 +1026,8 @@ packages:
     resolution: {integrity: sha512-r+aD7wvdXVRyFcw/yI/PbdIqSsC+Bnql2WSKZa8CK+ntpTvc2tybn6Wxsfw96C71QS+Q/MPe8ufwZBjtRd+hhg==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fhalo-render/-/1.1.0/halo-render-1.1.0.tgz}
     dev: false
 
-  /@zhengyi/vditor@3.9.9-build.0:
-    resolution: {integrity: sha512-lvI32FQNm8R+CKw9uSNOIeKXUhRQm71hOEd9bvqplKKTTQm4ToGAFMgkFxBeryCP8R2gzy0K/AH9rLfWMUnCZQ==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.9-build.0/vditor-3.9.9-build.0.tgz}
+  /@zhengyi/vditor@3.9.9-build.1:
+    resolution: {integrity: sha512-g5Q106m8oFFwL5Ny46sAs21QfJ/PMQwf/LAE9NadKzkociBwSIAyLslny8kkQAL1vSaZ6RjbTr4Qv3ar8ta4Ag==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.9-build.1/vditor-3.9.9-build.1.tgz}
     dependencies:
       '@zhengyi/halo-render': 1.1.0
       diff-match-patch: 1.0.5
diff --git a/console/src/model/GitModal.vue b/console/src/model/GitModal.vue
index a909dea..28cdf12 100644
--- a/console/src/model/GitModal.vue
+++ b/console/src/model/GitModal.vue
@@ -3,7 +3,7 @@ import { VModal, VButton, VSpace } from "@halo-dev/components";
 import { t } from "@/utils/i18n-utils";
 import { ref } from "vue";
 
-const URL_NOT_SHOW = ["github"];
+const URL_NOT_SHOW = ["github", "gitee"];
 
 const props = defineProps<{
   open: boolean;
@@ -44,6 +44,7 @@ const generateCode = () => {
         <span>{{ t("platform") }}</span>
         <select id="platform" v-model="platform" class="vditor-mde-select">
           <option value="github">GitHub</option>
+          <option value="gitee">Gitee</option>
         </select>
       </label>
       <label for="owner" class="vditor-mde-label">
diff --git a/download_dist.sh b/download_dist.sh
index 4d80ec3..e8d8629 100755
--- a/download_dist.sh
+++ b/download_dist.sh
@@ -4,7 +4,7 @@ cd src/main/resources/static
 rm -rf dist
 pwd
 curl -o vditor.tgz \
- https://git.mczhengyi.top/zhengyi/-/packages/npm/@zhengyi%2Fvditor/3.9.8/files/249
+ https://git.mczhengyi.top/zhengyi/-/packages/npm/@zhengyi%2Fvditor/3.9.9-build.1/files/257
 tar -xzvf vditor.tgz
 mv package/dist .
 rm -rf package

From b6b9017e57f24d6cd6850cc4df30c142ebb930a8 Mon Sep 17 00:00:00 2001
From: zhengyi <admin@mczhengyi.top>
Date: Sat, 30 Dec 2023 15:16:40 +0800
Subject: [PATCH 14/14] :arrow_up: Update Halo-Vditor to 3.9.9

Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/32
Fix https://git.mczhengyi.top/zhengyi/halo-plugin-vditor/issues/25
---
 console/package.json   | 2 +-
 console/pnpm-lock.yaml | 8 ++++----
 download_dist.sh       | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/console/package.json b/console/package.json
index 332c14e..7edc121 100644
--- a/console/package.json
+++ b/console/package.json
@@ -15,7 +15,7 @@
     "@halo-dev/components": "^1.10.0",
     "@halo-dev/console-shared": "^2.11.0",
     "canvas-confetti": "^1.6.0",
-    "@zhengyi/vditor": "3.9.9-build.1",
+    "@zhengyi/vditor": "3.9.9",
     "vue": "^3.3.4"
   },
   "devDependencies": {
diff --git a/console/pnpm-lock.yaml b/console/pnpm-lock.yaml
index a5fe7dd..922612b 100644
--- a/console/pnpm-lock.yaml
+++ b/console/pnpm-lock.yaml
@@ -15,8 +15,8 @@ dependencies:
     specifier: ^2.11.0
     version: 2.11.0(vue-router@4.2.5)(vue@3.3.12)
   '@zhengyi/vditor':
-    specifier: 3.9.9-build.1
-    version: 3.9.9-build.1
+    specifier: 3.9.9
+    version: 3.9.9
   canvas-confetti:
     specifier: ^1.6.0
     version: 1.9.2
@@ -1026,8 +1026,8 @@ packages:
     resolution: {integrity: sha512-r+aD7wvdXVRyFcw/yI/PbdIqSsC+Bnql2WSKZa8CK+ntpTvc2tybn6Wxsfw96C71QS+Q/MPe8ufwZBjtRd+hhg==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fhalo-render/-/1.1.0/halo-render-1.1.0.tgz}
     dev: false
 
-  /@zhengyi/vditor@3.9.9-build.1:
-    resolution: {integrity: sha512-g5Q106m8oFFwL5Ny46sAs21QfJ/PMQwf/LAE9NadKzkociBwSIAyLslny8kkQAL1vSaZ6RjbTr4Qv3ar8ta4Ag==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.9-build.1/vditor-3.9.9-build.1.tgz}
+  /@zhengyi/vditor@3.9.9:
+    resolution: {integrity: sha512-YHlWEbVkDvctAYUAghIISPjTPqxwubLuFlgbm1L6Oq3sGdIt4YZKUJA7Psv/JHaasX/tIvvcgZyUygSjjRBzMw==, tarball: https://git.mczhengyi.top/api/packages/zhengyi/npm/%40zhengyi%2Fvditor/-/3.9.9/vditor-3.9.9.tgz}
     dependencies:
       '@zhengyi/halo-render': 1.1.0
       diff-match-patch: 1.0.5
diff --git a/download_dist.sh b/download_dist.sh
index e8d8629..9964220 100755
--- a/download_dist.sh
+++ b/download_dist.sh
@@ -4,7 +4,7 @@ cd src/main/resources/static
 rm -rf dist
 pwd
 curl -o vditor.tgz \
- https://git.mczhengyi.top/zhengyi/-/packages/npm/@zhengyi%2Fvditor/3.9.9-build.1/files/257
+ https://git.mczhengyi.top/zhengyi/-/packages/npm/@zhengyi%2Fvditor/3.9.9/files/258
 tar -xzvf vditor.tgz
 mv package/dist .
 rm -rf package