升级：将 VitePress 版本升级为 v1.0.0-alpha.27（删除自定义 Badge 组件更换为官方全局组件，调整 cleanUrls 配置）

2022-11-04 15:01:48 +08:00
parent 3e276eae12
commit 221baae8c7
27 changed files with 108 additions and 172 deletions
--- a/README.md
+++ b/README.md
@@ -51,7 +51,7 @@ pnpm build
 - [x] 《我的归档》：自定义时间轴，展示历史文章数据。年份前可展示生肖，还可按分类、标签筛选
 - [x] 文章评论：目前仅支持Gitalk
 - [x] 版权声明：文末显示文章版权声明，可自由配置采用的版权协议
- [x] 徽章：标题后可显示徽章，此功能来自于 VitePress 未合并的 PR，如若后续被合并，则改用官方主题功能
+- [x] ~~徽章：标题后可显示徽章，此功能来自于 VitePress 未合并的 PR，如若后续被合并，则改用官方主题功能（[官方已合并于 v1.0.0-alpha.27](https://github.com/vuejs/vitepress/issues/1239)）~~
 - [x] Mermaid 流程图：在 Markdown 中绘制流程图、状态图、时序图、甘特图、饼图等，更多语法请参见：[Mermaid 官方文档](https://github.com/mermaid-js/mermaid/blob/develop/README.zh-CN.md) 。（Typora 编辑器也支持 `mermaid` 语法）
 - [ ] 本地搜索：等待 [emersonbottero/vitepress-plugin-search](https://github.com/emersonbottero/vitepress-plugin-search) 作者修复中文检索问题
  - [ ] 如需体验，可将 `docs/vite.config.ts` 文件中的注释去除掉（本地搜索和 algolia 搜索无法同时使用，开启本地搜索后 algolia 搜索配置将不再生效）
@@ -96,10 +96,6 @@ pnpm build

 ![版权声明](./docs/public/screenshot/版权声明.png)

-### 徽章
-
-![徽章](./docs/public/screenshot/徽章.png)
-
 ### Mermaid 流程图

 ![Mermaid流程图](./docs/public/screenshot/Mermaid流程图1.png)
@@ -118,7 +114,6 @@ pnpm build
 - [xiaoxian521/pure-admin-utils-docs](https://github.com/xiaoxian521/pure-admin-utils-docs) （参考词云组件的使用）
 - [arco-design/arco-design-vue](https://github.com/arco-design/arco-design-vue) （使用部分组件及图标）
 - [antvis/G2plot](https://github.com/antvis/G2plot) （使用部分图表）
- [richardo2016/vitepress-pr](https://github.com/vuejs/vitepress/pull/1134) （使用徽章）
 - [emersonbottero/vitepress-plugin-mermaid](https://github.com/emersonbottero/vitepress-plugin-mermaid) （VitePress Mermaid 流程图插件）
 - [mermaid-js/mermaid](https://github.com/mermaid-js/mermaid/blob/develop/README.zh-CN.md)
 - [emersonbottero/vitepress-plugin-search](https://github.com/emersonbottero/vitepress-plugin-search) （VitePress 本地搜索插件）
--- a/collect-article-data.mjs
+++ b/collect-article-data.mjs
@@ -12,7 +12,7 @@ const articleData = await Promise.all(
    const { data, path } = file
    return {
      ...data,
-      path: path.replace(/\.md$/, '.html').replace('./docs/', '')
+      path: path.replace(/\.md$/, '').replace('./docs/', '')
    }
  })
 )
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -11,8 +11,10 @@ export default withMermaid(
    title: metaData.title,
    description: metaData.description,

-    head, // <head>内标签配置
+    cleanUrls: 'without-subfolders',
    lastUpdated: true, // 显示最后更新时间
+
+    head, // <head>内标签配置
    markdown: markdown, // Markdown配置
    themeConfig // 主题配置
  })
--- a/docs/.vitepress/config/nav.ts
+++ b/docs/.vitepress/config/nav.ts
@@ -33,8 +33,8 @@ export const nav: DefaultTheme.Config['nav'] = [
  {
    text: '关于',
    items: [
-      { text: '关于知识库', link: '/about/index', activeMatch: '/about/index.html' },
-      { text: '关于我', link: '/about/me', activeMatch: '/about/me.html' }
+      { text: '关于知识库', link: '/about/index', activeMatch: '/about/index' },
+      { text: '关于我', link: '/about/me', activeMatch: '/about/me' }
    ],
    activeMatch: '/about/' // // 当前页面处于匹配路径下时, 对应导航菜单将突出显示
  }
--- a/docs/.vitepress/config/theme.ts
+++ b/docs/.vitepress/config/theme.ts
@@ -17,7 +17,7 @@ export const themeConfig: DefaultTheme.Config = {
  },
  // 编辑链接配置
  editLink: {
-    pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/repos/:path',
+    pattern: 'https://github.com/Charles7c/charles7c.github.io/edit/main/docs/:path',
    text: '不妥之处，敬请雅正'
  },
  // 全文搜索配置
--- a/docs/.vitepress/theme/components/Archive.vue
+++ b/docs/.vitepress/theme/components/Archive.vue
@@ -6,7 +6,7 @@
        v-if="$category"
        class="content"
        closable
-        @close="goToLink('/archives.html')"
+        @close="goToLink('/archives')"
      >
        <template #icon>
          <svg class="icon" role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>所属分类</title><path d="M928 444H820V330.4c0-17.7-14.3-32-32-32H473L355.7 186.2a8.15 8.15 0 0 0-5.5-2.2H96c-17.7 0-32 14.3-32 32v592c0 17.7 14.3 32 32 32h698c13 0 24.8-7.9 29.7-20l134-332c1.5-3.8 2.3-7.9 2.3-12 0-17.7-14.3-32-32-32zM136 256h188.5l119.6 114.4H748V444H238c-13 0-24.8 7.9-29.7 20L136 643.2V256z m635.3 512H159l103.3-256h612.4L771.3 768z"></path></svg>
@@ -17,7 +17,7 @@
        v-else-if="$tag"
        class="content"
        closable
-        @close="goToLink('/archives.html')"
+        @close="goToLink('/archives')"
      >
        <template #icon>
          <svg class="icon" role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><title>标签列表</title><path d="M483.2 790.3L861.4 412c1.7-1.7 2.5-4 2.3-6.3l-25.5-301.4c-0.7-7.8-6.8-13.9-14.6-14.6L522.2 64.3c-2.3-0.2-4.7 0.6-6.3 2.3L137.7 444.8a8.03 8.03 0 0 0 0 11.3l334.2 334.2c3.1 3.2 8.2 3.2 11.3 0z m62.6-651.7l224.6 19 19 224.6L477.5 694 233.9 450.5l311.9-311.9z m60.16 186.23a48 48 0 1 0 67.88-67.89 48 48 0 1 0-67.88 67.89zM889.7 539.8l-39.6-39.5a8.03 8.03 0 0 0-11.3 0l-362 361.3-237.6-237a8.03 8.03 0 0 0-11.3 0l-39.6 39.5a8.03 8.03 0 0 0 0 11.3l243.2 242.8 39.6 39.5c3.1 3.1 8.2 3.1 11.3 0l407.3-406.6c3.1-3.1 3.1-8.2 0-11.3z"></path></svg>
@@ -28,7 +28,7 @@
        v-else-if="$year"
        class="content"
        closable
-        @close="goToLink('/archives.html')"
+        @close="goToLink('/archives')"
      >
        <template #icon>
          <svg class="icon" role="img" viewBox="0 0 1024 1024" xmlns="http://www.w3.org/2000/svg"><path d="M832 64H192c-17.7 0-32 14.3-32 32v832c0 17.7 14.3 32 32 32h640c17.7 0 32-14.3 32-32V96c0-17.7-14.3-32-32-32z m-260 72h96v209.9L621.5 312 572 347.4V136z m220 752H232V136h280v296.9c0 3.3 1 6.6 3 9.3a15.9 15.9 0 0 0 22.3 3.7l83.8-59.9 81.4 59.4c2.7 2 6 3.1 9.4 3.1 8.8 0 16-7.2 16-16V136h64v752z"></path></svg>
@@ -49,7 +49,7 @@
    <!-- 时间轴主体 -->
    <div class="timeline-item" v-for="(item, year) in archiveData">
      <div class="year">
-        <img class="chinese-zodiac" @click="goToLink('/archives.html', 'year', year.replace('年', ''))" :src="'/img/svg/chinese-zodiac/' + getChineseZodiac(year.replace('年', '')) + '.svg'" :title="getChineseZodiacAlias(year.replace('年', ''))" alt="生肖">
+        <img class="chinese-zodiac" @click="goToLink('/archives', 'year', year.replace('年', ''))" :src="'/img/svg/chinese-zodiac/' + getChineseZodiac(year.replace('年', '')) + '.svg'" :title="getChineseZodiacAlias(year.replace('年', ''))" alt="生肖">
        <span>{{ year }}</span>
      </div>
      <div class="timeline-item-content">
@@ -59,13 +59,13 @@
          </span>
          <div class="articles">
            <span v-for="article in articles" class="article">
-              <svg v-if="article.categories.includes('Bug万象集')" @click="goToLink('/archives.html', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-bug" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #f53f3f;"><title>Bug万象集</title><path d="M24 42c-6.075 0-11-4.925-11-11V18h22v13c0 6.075-4.925 11-11 11Zm0 0V23m11 4h8M5 27h8M7 14a4 4 0 0 0 4 4h26a4 4 0 0 0 4-4m0 28v-.5a6.5 6.5 0 0 0-6.5-6.5M7 42v-.5a6.5 6.5 0 0 1 6.5-6.5M17 14a7 7 0 1 1 14 0"></path></svg>
+              <svg v-if="article.categories.includes('Bug万象集')" @click="goToLink('/archives', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-bug" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #f53f3f;"><title>Bug万象集</title><path d="M24 42c-6.075 0-11-4.925-11-11V18h22v13c0 6.075-4.925 11-11 11Zm0 0V23m11 4h8M5 27h8M7 14a4 4 0 0 0 4 4h26a4 4 0 0 0 4-4m0 28v-.5a6.5 6.5 0 0 0-6.5-6.5M7 42v-.5a6.5 6.5 0 0 1 6.5-6.5M17 14a7 7 0 1 1 14 0"></path></svg>
              
-              <svg v-else-if="article.categories.includes('杂碎逆袭史')" @click="goToLink('/archives.html', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-bulb" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #ff7d00;"><title>杂碎逆袭史</title><path d="M17 42h14m6-24c0 2.823-.9 5.437-2.43 7.568-1.539 2.147-3.185 4.32-3.77 6.897l-.623 2.756A1 1 0 0 1 29.2 36H18.8a1 1 0 0 1-.976-.779l-.624-2.756c-.584-2.576-2.23-4.75-3.77-6.897A12.94 12.94 0 0 1 11 18c0-7.18 5.82-13 13-13s13 5.82 13 13Z"></path></svg>
+              <svg v-else-if="article.categories.includes('杂碎逆袭史')" @click="goToLink('/archives', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-bulb" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #ff7d00;"><title>杂碎逆袭史</title><path d="M17 42h14m6-24c0 2.823-.9 5.437-2.43 7.568-1.539 2.147-3.185 4.32-3.77 6.897l-.623 2.756A1 1 0 0 1 29.2 36H18.8a1 1 0 0 1-.976-.779l-.624-2.756c-.584-2.576-2.23-4.75-3.77-6.897A12.94 12.94 0 0 1 11 18c0-7.18 5.82-13 13-13s13 5.82 13 13Z"></path></svg>
              
-              <svg v-else-if="article.categories.includes('方案春秋志')" @click="goToLink('/archives.html', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-code" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #165dff;"><title>方案春秋志</title><path d="M16.734 12.686 5.42 24l11.314 11.314m14.521-22.628L42.57 24 31.255 35.314M27.2 6.28l-6.251 35.453"></path></svg>
+              <svg v-else-if="article.categories.includes('方案春秋志')" @click="goToLink('/archives', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" class="arco-icon arco-icon-code" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #165dff;"><title>方案春秋志</title><path d="M16.734 12.686 5.42 24l11.314 11.314m14.521-22.628L42.57 24 31.255 35.314M27.2 6.28l-6.251 35.453"></path></svg>
              
-              <svg v-else @click="goToLink('/archives.html', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" class="arco-icon arco-icon-bookmark" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #00b42a;"><path d="M16 16h16M16 24h8"></path><path d="M24 41H8V6h32v17"></path><path d="M30 29h11v13l-5.5-3.5L30 42V29Z"></path></svg>
+              <svg v-else @click="goToLink('/archives', 'category', article.categories[0])" role="img" viewBox="0 0 48 48" fill="none" stroke="currentColor" xmlns="http://www.w3.org/2000/svg" class="arco-icon arco-icon-bookmark" stroke-width="4" stroke-linecap="butt" stroke-linejoin="miter" style="color: #00b42a;"><path d="M16 16h16M16 24h8"></path><path d="M24 41H8V6h32v17"></path><path d="M30 29h11v13l-5.5-3.5L30 42V29Z"></path></svg>
              <a :href="article.path" class="title" target="_blank">{{ article.title }}</a>
              <br>
              <ArticleMetadata :article="article" />
@@ -101,9 +101,9 @@ function initTimeline() {
  archiveData = {}

  // 如果URL路径有category或tag或year参数, 默认筛选出指定category或tag或year的文章数据
-  // 例如: /archives.html?category=Bug万象集
-  // 例如: /archives.html?tag=JVM
-  // 例如: /archives.html?year=2020
+  // 例如: /archives?category=Bug万象集
+  // 例如: /archives?tag=JVM
+  // 例如: /archives?year=2020
  $category = getQueryParam('category')
  $tag = getQueryParam('tag')
  $year = getQueryParam('year')
--- a/docs/.vitepress/theme/components/ArticleMetadata.vue
+++ b/docs/.vitepress/theme/components/ArticleMetadata.vue
@@ -26,7 +26,7 @@
      </span>
      <span class="meta-content">
        <span v-for="(category, index) in categories" :key="index">
-          <a href="javascript:void(0);" @click="goToLink('/archives.html', 'category', category)" target="_self" :title="category">{{ category }}</a>
+          <a href="javascript:void(0);" @click="goToLink('/archives', 'category', category)" target="_self" :title="category">{{ category }}</a>
          <span v-if="index != categories.length - 1">, </span>
        </span>
      </span>
@@ -37,7 +37,7 @@
      </span>
      <span class="meta-content">
        <span v-for="(tag, index) in tags" :key="index">
-          <a href="javascript:void(0);" @click="goToLink('/archives.html', 'tag', tag)" target="_self" :title="tag">{{ tag }}</a>
+          <a href="javascript:void(0);" @click="goToLink('/archives', 'tag', tag)" target="_self" :title="tag">{{ tag }}</a>
          <span v-if="index != tags.length - 1">, </span>
        </span>
      </span>
--- a/docs/.vitepress/theme/components/Badge.vue
+++ b/docs/.vitepress/theme/components/Badge.vue
@@ -1,49 +0,0 @@
-<script setup lang="ts">
-defineProps<{
-  text?: string
-  type?: 'info' | 'tip' | 'warning' | 'danger'
-}>()
-</script>
-
-<template>
-  <span class="VPBadge" :class="type ?? 'tip'">
-    <slot>{{ text }}</slot>
-  </span>
-</template>
-<style scoped>
-.VPBadge {
-  display: inline-block;
-  margin-left: 2px;
-  border: 1px solid transparent;
-  border-radius: 10px;
-  padding: 0 8px;
-  line-height: 18px;
-  font-size: 13px;
-  font-weight: 600;
-  transform: translateY(-2px);
-}
-h2 .VPBadge {
-  border-radius: 11px;
-  line-height: 20px;
-}
-.VPBadge.info {
-  border-color: var(--vp-badge-info-border);
-  color: var(--vp-badge-info-text);
-  background-color: var(--vp-badge-info-bg);
-}
-.VPBadge.tip {
-  border-color: var(--vp-badge-tip-border);
-  color: var(--vp-badge-tip-text);
-  background-color: var(--vp-badge-tip-bg);
-}
-.VPBadge.warning {
-  border-color: var(--vp-badge-warning-border);
-  color: var(--vp-badge-warning-text);
-  background-color: var(--vp-badge-warning-bg);
-}
-.VPBadge.danger {
-  border-color: var(--vp-badge-danger-border);
-  color: var(--vp-badge-danger-text);
-  background-color: var(--vp-badge-danger-bg);
-}
-</style>
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -6,6 +6,11 @@ import './styles/custom.css'
 export default {
  ...DefaultTheme,
  Layout: MyLayout,
-  enhanceApp({ app }) {
+  enhanceApp(ctx) {
+    // extend default theme custom behaviour.
+    DefaultTheme.enhanceApp(ctx)
+
+    // register your custom global components
+    // ctx.app.component('MyGlobalComponent' /* ... */)
  }
 }
--- a/docs/.vitepress/theme/styles/vars.css
+++ b/docs/.vitepress/theme/styles/vars.css
@@ -28,41 +28,4 @@
  :root {
    --vp-home-hero-image-filter: blur(72px);
  }
-}
-
-
-/**
- * Component: Badge
- * -------------------------------------------------------------------------- */
-
-:root {
-  --vp-badge-info-border: var(--vp-c-divider-light);
-  --vp-badge-info-text: var(--vp-c-text-2);
-  --vp-badge-info-bg: var(--vp-c-white-soft);
-
-  --vp-badge-tip-border: var(--vp-c-green-dimm-1);
-  --vp-badge-tip-text: var(--vp-c-green-darker);
-  --vp-badge-tip-bg: var(--vp-c-green-dimm-3);
-
-  --vp-badge-warning-border: var(--vp-c-yellow-dimm-1);
-  --vp-badge-warning-text: var(--vp-c-yellow-darker);
-  --vp-badge-warning-bg: var(--vp-c-yellow-dimm-3);
-
-  --vp-badge-danger-border: var(--vp-c-red-dimm-1);
-  --vp-badge-danger-text: var(--vp-c-red-darker);
-  --vp-badge-danger-bg: var(--vp-c-red-dimm-3);
-}
-
-.dark {
-  --vp-badge-info-border: var(--vp-c-divider-light);
-  --vp-badge-info-bg: var(--vp-c-black-mute);
-
-  --vp-badge-tip-border: var(--vp-c-green-dimm-2);
-  --vp-badge-tip-text: var(--vp-c-green-light);
-
-  --vp-badge-warning-border: var(--vp-c-yellow-dimm-2);
-  --vp-badge-warning-text: var(--vp-c-yellow-light);
-
-  --vp-badge-danger-border: var(--vp-c-red-dimm-2);
-  --vp-badge-danger-text: var(--vp-c-red-light);
 }
--- a/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md
+++ b/docs/categories/fragments/2019/12/28/个人SQL优化技巧.md
@@ -1,5 +1,5 @@
 ---
-title: 个人SQL优化技巧
+title: 个人 SQL 优化技巧
 author: 查尔斯
 date: 2019/12/28 10:00
 isTop: true
@@ -10,7 +10,7 @@ tags:
 - SQL优化
 ---

-# 个人SQL优化技巧 <Badge text="持续更新" type="warning" />
+# 个人 SQL 优化技巧 <Badge text="持续更新" type="warning" />

 <!-- more -->

--- a/docs/categories/fragments/2019/12/29/个人常用Stream使用技巧.md
+++ b/docs/categories/fragments/2019/12/29/个人常用Stream使用技巧.md
@@ -1,5 +1,5 @@
 ---
-title: 个人常用Stream使用技巧
+title: 个人常用 Stream 使用技巧
 author: 查尔斯
 date: 2019/12/29 15:00
 isTop: true
@@ -11,7 +11,7 @@ tags:
 - Lambda
 ---

-# 个人常用Stream使用技巧 <Badge text="持续更新" type="warning" />
+# 个人常用 Stream 使用技巧 <Badge text="持续更新" type="warning" />

 <!-- more -->

--- a/docs/categories/fragments/2019/12/30/个人常用Hutool工具类.md
+++ b/docs/categories/fragments/2019/12/30/个人常用Hutool工具类.md
@@ -1,5 +1,5 @@
 ---
-title: 个人常用Hutool工具类
+title: 个人常用 Hutool 工具类
 author: 查尔斯
 date: 2019/12/30 19:00
 isTop: true
@@ -11,7 +11,7 @@ tags:
 - Hutool
 ---

-# 个人常用Hutool工具类 <Badge text="持续更新" type="warning" />
+# 个人常用 Hutool工 具类 <Badge text="持续更新" type="warning" />

 **C：** 技术圈常说一句：“你要会写轮子，也要会用轮子”。工作的时候，为了提升开发效率，节约开发时间，也常常提醒自己不要重复造 “轮子”。

--- a/docs/categories/fragments/2019/12/31/个人常用Linux命令.md
+++ b/docs/categories/fragments/2019/12/31/个人常用Linux命令.md
@@ -9,7 +9,7 @@ tags:
 - Linux
 ---

-# 个人常用 Linux 命令 <Badge text="持续更新" type="warning" />
+# 个人常用 Linux 命令 <Badge type="warning" text="持续更新" />

 <!-- more -->

--- a/docs/categories/fragments/2022/10/01/个人常用Docker命令.md
+++ b/docs/categories/fragments/2022/10/01/个人常用Docker命令.md
@@ -1,5 +1,5 @@
 ---
-title: 个人常用Docker命令
+title: 个人常用 Docker 命令
 author: 查尔斯
 date: 2022/10/01 22:33
 isTop: true
@@ -9,7 +9,7 @@ tags:
 - Docker
 ---

-# 个人常用Docker命令 <Badge text="持续更新" type="warning" />
+# 个人常用 Docker 命令 <Badge text="持续更新" type="warning" />

 ## 镜像相关

--- a/docs/categories/fragments/2022/10/05/个人常用Git命令.md
+++ b/docs/categories/fragments/2022/10/05/个人常用Git命令.md
@@ -1,5 +1,5 @@
 ---
-title: 个人常用Git命令
+title: 个人常用 Git 命令
 author: 查尔斯
 date: 2022/10/05 21:30
 isTop: true
@@ -9,7 +9,7 @@ tags:
 - Git
 ---

-# 个人常用Git命令 <Badge text="持续更新" type="warning" />
+# 个人常用 Git 命令 <Badge text="持续更新" type="warning" />

 ## 初始配置

--- a/docs/categories/fragments/2022/11/01/使用IDEA进行远程程序调试.md
+++ b/docs/categories/fragments/2022/11/01/使用IDEA进行远程程序调试.md
@@ -69,7 +69,7 @@ java -jar -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=5005 你
 远程调试完后别忘了把远程调试端口关闭，该删除安全组规则就删除。

 ::: tip 笔者说
-哦对了，笔者这问题到底解决了没有呢？当然解决了，而且这个问题不是代码的问题，而是一位远程办公的同事在他本地连接了测试环境数据库（这在笔者项目开发时强调过不允许连接），他的程序一直运行着把测试环境的一些任务数据处理了。  
+哦对了，笔者这 “匪夷所思” 的问题到底解决了没有呢？当然解决了，而且这个问题不是代码的问题，而是一位远程办公的同事在他本地连接了测试环境数据库（这在笔者项目开发时强调过不允许连接），他的程序一直运行着把测试环境的一些任务数据处理了。  

 具体的不多说，因为当你调试时程序运行正常，断开调试再试就出错，而且在你没调试前添加的部分日志埋点也没输出时，其实就应该摒弃所谓的 “不可能”，即：程序没有在你预想的机器上运行。毕竟福尔摩斯有句话：“排除一切不可能的，剩下的即使再不可能，那也是真相”。
 :::
--- a/docs/categories/tools/2021/01/14/初识Lombok.md
+++ b/docs/categories/tools/2021/01/14/初识Lombok.md
@@ -1,5 +1,5 @@
 ---
-title: 初识Lombok
+title: 初识 Lombok
 author: 查尔斯
 date: 2021/01/14 09:05
 categories:
@@ -9,9 +9,7 @@ tags:
 - Lombok
 ---

-
-
-# 初识Lombok
+# 初识 Lombok

 ## 前言

--- a/docs/categories/tools/2021/02/22/RDM快速入门.md
+++ b/docs/categories/tools/2021/02/22/RDM快速入门.md
@@ -1,5 +1,5 @@
 ---
-title: Redis Desktop Manager快速入门
+title: Redis Desktop Manager 快速入门
 author: 查尔斯
 date: 2021/02/22 09:41
 categories:
@@ -9,7 +9,7 @@ tags:
 - 管理工具
 ---

-# Redis Desktop Manager快速入门
+# Redis Desktop Manager 快速入门

 ## 前言

--- a/docs/categories/tools/2021/03/04/ARDM快速入门.md
+++ b/docs/categories/tools/2021/03/04/ARDM快速入门.md
@@ -1,5 +1,5 @@
 ---
-title: Another Redis Desktop Manager快速入门
+title: Another Redis Desktop Manager 快速入门
 author: 查尔斯
 date: 2021/03/04 23:19
 categories:
@@ -9,7 +9,7 @@ tags:
 - 管理工具
 ---

-# Another Redis Desktop Manager快速入门
+# Another Redis Desktop Manager 快速入门

 ## 前言

--- a/docs/categories/tools/2021/03/06/Postman快速入门.md
+++ b/docs/categories/tools/2021/03/06/Postman快速入门.md
@@ -1,5 +1,5 @@
 ---
-title: Postman快速入门
+title: Postman 快速入门
 author: 查尔斯
 date: 2021/03/06 17:55
 categories:
@@ -9,7 +9,7 @@ tags:
 - API
 ---

-# Postman快速入门
+# Postman 快速入门

 ## 前言

--- a/docs/categories/tools/2021/03/10/Quartz快速入门.md
+++ b/docs/categories/tools/2021/03/10/Quartz快速入门.md
@@ -1,5 +1,5 @@
 ---
-title: Quartz快速入门
+title: Quartz 快速入门
 author: 查尔斯
 date: 2021/03/10 18:58
 categories:
@@ -9,7 +9,7 @@ tags:
 - 作业调度
 ---

-# Quartz快速入门
+# Quartz 快速入门

 ## 前言

--- a/docs/index.md
+++ b/docs/index.md
@@ -14,7 +14,7 @@ hero:
  actions:
    - theme: brand
      text: Get Started
-      link: /categories/issues/index.html
+      link: /categories/issues/index
    - theme: alt
      text: View on GitHub
      link: https://github.com/Charles7c/charles7c.github.io
--- a/docs/public/screenshot/徽章.png
+++ b/docs/public/screenshot/徽章.png
--- a/docs/vite.config.ts
+++ b/docs/vite.config.ts
@@ -5,7 +5,7 @@ import { ArcoResolver } from 'unplugin-vue-components/resolvers'

 export default defineConfig({
  plugins: [
-    //SearchPlugin(),
+    // SearchPlugin({}),
    Components({
      dirs: ['.vitepress/theme/components'],
      include: [/\.vue$/, /\.vue\?vue/, /\.md$/],
--- a/package.json
+++ b/package.json
@@ -7,13 +7,14 @@
  },
  "devDependencies": {
    "@arco-design/web-vue": "^2.38.0",
+    "flexsearch": "^0.7.31",
    "markdown-it": "^13.0.1",
-    "mermaid": "^9.1.7",
+    "mermaid": "9.1.7",
    "unplugin-vue-components": "^0.22.9",
-    "vite": "^3.2.1",
-    "vitepress": "1.0.0-alpha.26",
+    "vite": "^3.2.2",
+    "vitepress": "1.0.0-alpha.27",
    "vitepress-plugin-mermaid": "^2.0.8",
-    "vitepress-plugin-search": "1.0.4-alpha.14",
+    "vitepress-plugin-search": "1.0.4-alpha.15",
    "vue": "^3.2.41"
  },
  "dependencies": {
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -6,16 +6,17 @@ specifiers:
  blueimp-md5: ^2.19.0
  dayjs: ^1.11.6
  fast-glob: ^3.2.12
+  flexsearch: ^0.7.31
  gitalk: ^1.8.0
  gray-matter: ^4.0.3
  jquery: ^3.6.1
  markdown-it: ^13.0.1
-  mermaid: ^9.1.7
+  mermaid: 9.1.7
  unplugin-vue-components: ^0.22.9
-  vite: ^3.2.1
-  vitepress: 1.0.0-alpha.26
+  vite: ^3.2.2
+  vitepress: 1.0.0-alpha.27
  vitepress-plugin-mermaid: ^2.0.8
-  vitepress-plugin-search: 1.0.4-alpha.14
+  vitepress-plugin-search: 1.0.4-alpha.15
  vue: ^3.2.41

 dependencies:
@@ -29,13 +30,14 @@ dependencies:

 devDependencies:
  '@arco-design/web-vue': 2.38.0_vue@3.2.41
+  flexsearch: 0.7.31
  markdown-it: 13.0.1
  mermaid: 9.1.7
  unplugin-vue-components: 0.22.9_vue@3.2.41
-  vite: 3.2.1
-  vitepress: 1.0.0-alpha.26
-  vitepress-plugin-mermaid: 2.0.8_sj2y2ekbtck2gfw5ouyx75j7fy
-  vitepress-plugin-search: 1.0.4-alpha.14_edwxd2s5a3ayuywbdcmqzhfm3m
+  vite: 3.2.2
+  vitepress: 1.0.0-alpha.27
+  vitepress-plugin-mermaid: 2.0.8_akngdwt3wrqker4c44iwtrvydu
+  vitepress-plugin-search: 1.0.4-alpha.15_jqf4rwmsymnrb4kzh6io7s4tmi
  vue: 3.2.41

 packages:
@@ -479,18 +481,37 @@ packages:
    resolution: {integrity: sha512-WulqXMDUTYAXCjZnk6JtIHPigp55cVtDgDrO2gHRwhyJto21+1zbVCtOYB2L1F9w4qCQ0rOGWBnBe0FNTiEJIQ==}
    dev: true

+  /@types/flexsearch/0.7.3:
+    resolution: {integrity: sha512-HXwADeHEP4exXkCIwy2n1+i0f1ilP1ETQOH5KDOugjkTFZPntWo0Gr8stZOaebkxsdx+k0X/K6obU/+it07ocg==}
+    dev: true
+
+  /@types/linkify-it/3.0.2:
+    resolution: {integrity: sha512-HZQYqbiFVWufzCwexrvh694SOim8z2d+xJl5UNamcvQFejLY/2YUtzXHYi3cHdI7PMlS8ejH2slRAOJQ32aNbA==}
+    dev: true
+
+  /@types/markdown-it/12.2.3:
+    resolution: {integrity: sha512-GKMHFfv3458yYy+v/N8gjufHO6MSZKCOXpZc5GXIWWy8uldwfmPn98vp81gZ5f9SVw8YYBctgfJ22a2d7AOMeQ==}
+    dependencies:
+      '@types/linkify-it': 3.0.2
+      '@types/mdurl': 1.0.2
+    dev: true
+
+  /@types/mdurl/1.0.2:
+    resolution: {integrity: sha512-eC4U9MlIcu2q0KQmXszyn5Akca/0jrQmwDRgpAMJai7qBWq4amIQhZyNau4VYGtCeALvW1/NtjzJJ567aZxfKA==}
+    dev: true
+
  /@types/web-bluetooth/0.0.16:
    resolution: {integrity: sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==}
    dev: true

-  /@vitejs/plugin-vue/3.1.2_vite@3.2.1+vue@3.2.41:
+  /@vitejs/plugin-vue/3.1.2_vite@3.2.2+vue@3.2.41:
    resolution: {integrity: sha512-3zxKNlvA3oNaKDYX0NBclgxTQ1xaFdL7PzwF6zj9tGFziKwmBa3Q/6XcJQxudlT81WxDjEhHmevvIC4Orc1LhQ==}
    engines: {node: ^14.18.0 || >=16.0.0}
    peerDependencies:
      vite: ^3.0.0
      vue: ^3.2.25
    dependencies:
-      vite: 3.2.1
+      vite: 3.2.2
      vue: 3.2.41
    dev: true

@@ -1710,6 +1731,10 @@ packages:
    dependencies:
      to-regex-range: 5.0.1

+  /flexsearch/0.7.31:
+    resolution: {integrity: sha512-XGozTsMPYkm+6b5QL3Z9wQcJjNYxp0CYn3U1gO7dwD6PAqU1SVWZxI9CCg3z+ml3YfqdPnrBehaBrnH2AGKbNA==}
+    dev: true
+
  /fmin/0.0.2:
    resolution: {integrity: sha512-sSi6DzInhl9d8yqssDfGZejChO8d2bAGIpysPsvYsxFe898z89XhCZg6CPNV3nhUhFefeC/AXZK2bAJxlBjN6A==}
    dependencies:
@@ -2471,14 +2496,6 @@ packages:
      kind-of: 6.0.3
    dev: false

-  /shiki-processor/0.1.1_shiki@0.11.1:
-    resolution: {integrity: sha512-K2v/JNHdMRGFnbcVqAgvPU8qmZNgtiBrYcYKe3O6Lx2W0RoyiwzrrpCUU917b2r2EMS+2FNgRIgz9xvtmF/L7w==}
-    peerDependencies:
-      shiki: ^0.11.1
-    dependencies:
-      shiki: 0.11.1
-    dev: true
-
  /shiki/0.11.1:
    resolution: {integrity: sha512-EugY9VASFuDqOexOgXR18ZV+TbFrQHeCpEYaXamO+SZlsnT/2LxuLBX25GGtIrwaEVFXUAbUQ601SWE2rMwWHA==}
    dependencies:
@@ -2704,8 +2721,8 @@ packages:
      webpack-virtual-modules: 0.4.5
    dev: true

-  /vite/3.2.1:
-    resolution: {integrity: sha512-ADtMkfHuWq4tskJsri2n2FZkORO8ZyhI+zIz7zTrDAgDEtct1jdxOg3YsZBfHhKjmMoWLOSCr+64qrEDGo/DbQ==}
+  /vite/3.2.2:
+    resolution: {integrity: sha512-pLrhatFFOWO9kS19bQ658CnRYzv0WLbsPih6R+iFeEEhDOuYgYCX2rztUViMz/uy/V8cLCJvLFeiOK7RJEzHcw==}
    engines: {node: ^14.18.0 || >=16.0.0}
    hasBin: true
    peerDependencies:
@@ -2734,7 +2751,7 @@ packages:
      fsevents: 2.3.2
    dev: true

-  /vitepress-plugin-mermaid/2.0.8_sj2y2ekbtck2gfw5ouyx75j7fy:
+  /vitepress-plugin-mermaid/2.0.8_akngdwt3wrqker4c44iwtrvydu:
    resolution: {integrity: sha512-ywWxTeg9kMv7ZPf/igCBF4ZHhWZAyRtbPnA12ICQuNK2AMp7r5IHOfnuX1EJQf8gNdsh8bcvvSvm8Ll92fdOTw==}
    peerDependencies:
      mermaid: ^8.0.0 || ^9.0.0
@@ -2742,35 +2759,39 @@ packages:
      vitepress: ^0.21.6 || ^1.0.0 || ^1.0.0-alpha
    dependencies:
      mermaid: 9.1.7
-      vitepress: 1.0.0-alpha.26
+      vitepress: 1.0.0-alpha.27
    dev: true

-  /vitepress-plugin-search/1.0.4-alpha.14_edwxd2s5a3ayuywbdcmqzhfm3m:
-    resolution: {integrity: sha512-PvHdsv4DN4SNfbfMN2IFp6vNKLXqEVpZpvkFi5zyEdTn0nb2HtaNuAtwSeSz7gWOMZwzLQ/ncHQ0Ka5beHgASQ==}
+  /vitepress-plugin-search/1.0.4-alpha.15_jqf4rwmsymnrb4kzh6io7s4tmi:
+    resolution: {integrity: sha512-Ef/VkhTVYlECVI0H9Ck6745UNPfYFppAqnlxVSMJXdxP2vjOZ5TYNczlTTQ2p9dh16MFw/IurbL1/GrG4nXdNw==}
    engines: {node: ^14.13.1 || ^16.7.0 || >=18}
    peerDependencies:
+      flexsearch: ^0.7.31
      vite: 2 || 3
      vitepress: ^1.0.0-alpha.13
      vue: '3'
    dependencies:
-      vite: 3.2.1
-      vitepress: 1.0.0-alpha.26
+      '@types/flexsearch': 0.7.3
+      '@types/markdown-it': 12.2.3
+      flexsearch: 0.7.31
+      markdown-it: 13.0.1
+      vite: 3.2.2
+      vitepress: 1.0.0-alpha.27
      vue: 3.2.41
    dev: true

-  /vitepress/1.0.0-alpha.26:
-    resolution: {integrity: sha512-XpDpflrdmyBmUQrg06q29Mhez144NvoZ48pRvNhANy/wV7E7XJ1zenQROOSADnOsAlhV1gzcNjqiFNObCk7l8A==}
+  /vitepress/1.0.0-alpha.27:
+    resolution: {integrity: sha512-7/PwlIRZANvB2uyi8oi4oMXuH84g2/pAaoymb+ObBCs60m0oVxKMPO28w7R/svqSnnE+bNDOuLzTCXt7gn513g==}
    hasBin: true
    dependencies:
      '@docsearch/css': 3.3.0
      '@docsearch/js': 3.3.0
-      '@vitejs/plugin-vue': 3.1.2_vite@3.2.1+vue@3.2.41
+      '@vitejs/plugin-vue': 3.1.2_vite@3.2.2+vue@3.2.41
      '@vue/devtools-api': 6.4.5
      '@vueuse/core': 9.4.0_vue@3.2.41
      body-scroll-lock: 4.0.0-beta.0
      shiki: 0.11.1
-      shiki-processor: 0.1.1_shiki@0.11.1
-      vite: 3.2.1
+      vite: 3.2.2
      vue: 3.2.41
    transitivePeerDependencies:
      - '@algolia/client-search'