From 9ee607fcac38d47c77cab5368e7a509405fae4d3 Mon Sep 17 00:00:00 2001
From: sendevia <me@sendevia.top>
Date: Sun, 28 Sep 2025 18:28:05 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E9=85=8D=E7=BD=AE?=
 =?UTF-8?q?=E5=92=8C=E6=A0=B7=E5=BC=8F=EF=BC=8C=E6=B7=BB=E5=8A=A0=E5=8A=A8?=
 =?UTF-8?q?=E7=94=BB=E6=95=88=E6=9E=9C=EF=BC=8C=E4=BC=98=E5=8C=96=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81=E9=AB=98=E4=BA=AE=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .vitepress/config.ts                          | 17 ++++--
 .vitepress/theme/components/Footer.vue        |  3 +-
 .vitepress/theme/styles/_components/code.scss | 12 +++++
 .vitepress/theme/styles/animation.scss        | 13 +++++
 .vitepress/theme/styles/main.scss             | 54 -------------------
 package.json                                  |  1 +
 6 files changed, 42 insertions(+), 58 deletions(-)

diff --git a/.vitepress/config.ts b/.vitepress/config.ts
index 0a45639..6fe29bd 100644
--- a/.vitepress/config.ts
+++ b/.vitepress/config.ts
@@ -1,19 +1,30 @@
 import { defineConfig } from "vitepress";
-import packageJson from "../package.json";
 import markdownItAnchor from "markdown-it-anchor";
+import packageJson from "../package.json";
 
-// https://vitepress.dev/reference/site-config
 export default defineConfig({
   title: "sendevia 的小站",
   titleTemplate: ":title",
-  description: "一个博客",
+  description: "一个随便写写的博客",
   lang: "zh_CN",
   cleanUrls: true,
   markdown: {
+    anchor: {
+      permalink: markdownItAnchor.permalink.linkAfterHeader({
+        style: "visually-hidden",
+        symbol: "link",
+        class: "title-anchor",
+        assistiveText: () => "复制链接",
+        visuallyHiddenClass: "visually-hidden",
+        wrapper: ['<div class="title-with-achor">', "</div>"],
+        placement: "before",
+      }),
+    },
     image: {
       lazyLoading: true,
     },
   },
+
   head: [
     ["link", { rel: "preconnect", href: "https://fonts.googleapis.com" }],
     ["link", { rel: "preconnect", href: "https://fonts.gstatic.com", crossorigin: "" }],
diff --git a/.vitepress/theme/components/Footer.vue b/.vitepress/theme/components/Footer.vue
index 4bed77b..a3f1db1 100644
--- a/.vitepress/theme/components/Footer.vue
+++ b/.vitepress/theme/components/Footer.vue
@@ -1,8 +1,9 @@
 <script setup lang="ts">
+import { ref } from "vue";
+
 import { useGlobalData } from "../composables/useGlobalData";
 const { site, page } = useGlobalData();
 
-import { ref } from "vue";
 // @ts-ignore
 const siteVersion = __SITE_VERSION__;
 
diff --git a/.vitepress/theme/styles/_components/code.scss b/.vitepress/theme/styles/_components/code.scss
index a0f19b5..0ee3b7e 100644
--- a/.vitepress/theme/styles/_components/code.scss
+++ b/.vitepress/theme/styles/_components/code.scss
@@ -24,10 +24,22 @@ pre.shiki {
 
     background-color: var(--shiki-light-bg);
 
+    span {
+      color: var(--shiki-light);
+
+      background-color: var(--shiki-light-bg);
+    }
+
     @media (prefers-color-scheme: dark) {
       color: var(--shiki-dark);
 
       background-color: var(--shiki-dark-bg);
+
+      span {
+        color: var(--shiki-dark);
+
+        background-color: var(--shiki-dark-bg);
+      }
     }
   }
 }
diff --git a/.vitepress/theme/styles/animation.scss b/.vitepress/theme/styles/animation.scss
index d8409cf..754c2a0 100644
--- a/.vitepress/theme/styles/animation.scss
+++ b/.vitepress/theme/styles/animation.scss
@@ -40,3 +40,16 @@
     opacity: 1;
   }
 }
+
+.layout-content-enter-active,
+.layout-content-leave-active {
+  transition: opacity 0.4s cubic-bezier(0.4, 0, 0.2, 1);
+}
+.layout-content-enter-from,
+.layout-content-leave-to {
+  opacity: 0;
+}
+.layout-content-enter-to,
+.layout-content-leave-from {
+  opacity: 1;
+}
diff --git a/.vitepress/theme/styles/main.scss b/.vitepress/theme/styles/main.scss
index 0d0c055..5836de2 100644
--- a/.vitepress/theme/styles/main.scss
+++ b/.vitepress/theme/styles/main.scss
@@ -13,10 +13,7 @@
 @include meta.load-css("_components/card");
 @include meta.load-css("_components/code");
 @include meta.load-css("_components/dialog");
-@include meta.load-css("_components/header");
-@include meta.load-css("_components/layout");
 @include meta.load-css("_components/loading-splash");
-@include meta.load-css("_components/notfound");
 @include meta.load-css("_components/snackbar");
 @include meta.load-css("_components/table");
 
@@ -135,11 +132,6 @@ abbr {
   cursor: help;
 }
 
-del,
-s {
-  opacity: 0.5;
-}
-
 hr {
   width: 100%;
 
@@ -161,49 +153,3 @@ hr {
     mask: var(--via-svg-wave) repeat;
   }
 }
-
-.task-list {
-  padding-inline-start: 1em;
-
-  list-style-type: none;
-
-  .task-list-item {
-    margin: 5px 0px;
-
-    vertical-align: middle;
-
-    input {
-      line-height: 0px;
-
-      &.task-list-item-checkbox {
-        @include mixin.material-symbols($size: 24);
-
-        display: inline-block;
-
-        margin-inline-end: 2px;
-
-        letter-spacing: 0px;
-        vertical-align: inherit;
-
-        appearance: none;
-
-        &::after {
-          content: "check_box_outline_blank";
-
-          display: inline-block;
-
-          height: 26.4px;
-
-          color: var(--md-sys-color-on-surface-variant);
-        }
-
-        &:checked::after {
-          content: "check_box";
-
-          color: var(--md-sys-color-primary);
-          font-variation-settings: "FILL" 1;
-        }
-      }
-    }
-  }
-}
diff --git a/package.json b/package.json
index 95be7ec..cbbac81 100644
--- a/package.json
+++ b/package.json
@@ -11,5 +11,6 @@
   },
   "dependencies": {
     "@material/material-color-utilities": "^0.3.0",
+    "markdown-it-anchor": "^9.2.0"
   }
 }