新增：《使用 IntelliJ IDEA 进行远程程序调试》

docs/.vitepress/config/markdown.ts

@@ -6,7 +6,7 @@ export const markdown: MarkdownOptions = {
     light: 'material-palenight',
     dark: 'one-dark-pro'
   },
-  lineNumbers: true, // 启用行号
+  // lineNumbers: true, // 启用行号
 
   // 在所有文档的<h1>标签后添加<ArticleMetadata/>组件
   config: (md) => {

docs/.vitepress/theme/components/Badge.vue

@@ -1,47 +1,49 @@
 <script setup lang="ts">
-const props = withDefaults(
-  defineProps<{
-    text?: string,
-    type?: 'warning' | 'tip' | 'error' | 'info'
-    vertical?: 'top' | 'middle'
-  }>(), {
-    text: '',
-    type: 'tip',
-    vertical: 'top',
-  }
-);
+defineProps<{
+  text?: string
+  type?: 'info' | 'tip' | 'warning' | 'danger'
+}>()
 </script>
 
 <template>
-  <span
-    class='VPBadge'
-    :class="[ `VPBadge-type-${props.type}` ]"
-    :style="{ 'vertical-align': props.vertical }"
-  >
-    <slot>{{ props.text }}</slot>
+  <span class="VPBadge" :class="type ?? 'tip'">
+    <slot>{{ text }}</slot>
   </span>
 </template>
-
 <style scoped>
 .VPBadge {
   display: inline-block;
-  font-size: 14px;
-  height: 18px;
+  margin-left: 2px;
+  border: 1px solid transparent;
+  border-radius: 10px;
+  padding: 0 8px;
   line-height: 18px;
-  border-radius: 3px;
-  padding: 0 6px;
-  color: #fff;
+  font-size: 13px;
+  font-weight: 600;
+  transform: translateY(-2px);
 }
-.VPBadge.VPBadge-type-warning {
-  background-color: var(--vp-c-badge-type-warning);
+h2 .VPBadge {
+  border-radius: 11px;
+  line-height: 20px;
 }
-.VPBadge.VPBadge-type-tip {
-  background-color: var(--vp-c-badge-type-tip);
+.VPBadge.info {
+  border-color: var(--vp-badge-info-border);
+  color: var(--vp-badge-info-text);
+  background-color: var(--vp-badge-info-bg);
 }
-.VPBadge.VPBadge-type-error {
-  background-color: var(--vp-c-badge-type-error);
+.VPBadge.tip {
+  border-color: var(--vp-badge-tip-border);
+  color: var(--vp-badge-tip-text);
+  background-color: var(--vp-badge-tip-bg);
 }
-.VPBadge.VPBadge-type-info {
-  background-color: var(--vp-c-badge-type-info);
+.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>

docs/.vitepress/theme/styles/vars.css

@@ -36,8 +36,33 @@
  * -------------------------------------------------------------------------- */
 
 :root {
-  --vp-c-badge-type-warning: #e7c000;
-  --vp-c-badge-type-tip: #42b983;
-  --vp-c-badge-type-error: #da5961;
-  --vp-c-badge-type-info: #0170fe;
+  --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);
 }