fix: reset base of site url

Author: BlaxBerry333

docs/.vitepress/config/site-head/index.ts

@@ -8,8 +8,8 @@ export const SITE_HEAD: HeadConfig[] = [
   [
     "link",
     {
-      rel: "icon",
-      href: "/favicon.ico",
+      rel: "shortcut icon",
+      href: "/programming-notes/favicon.ico", // base 需要与仓库名一致才能部署到 GitHub Pages
     },
   ],
 

docs/components/SkillIconsBlock.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { toRefs } from "vue";
+import { withBase } from "vitepress";
 
 interface SkillIconCard {
   name: string;
@@ -26,7 +27,7 @@ const { skillList } = toRefs(props);
     >
       <li class="skill-icon-card">
         <img
-          :src="item.imgSrc"
+          :src="withBase(item.imgSrc)"
           :alt="item.name"
           loading="lazy"
           class="skill-img"

docs/components/SkillTextLinksBlock.vue

@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import { toRefs } from "vue";
+import { withBase } from "vitepress";
 
 interface SkillTextLinkCard {
   name: string;
@@ -27,7 +28,7 @@ const { textList } = toRefs(props);
       <li class="skill-text-card">
         <img
           v-if="item.imgSrc"
-          :src="item.imgSrc"
+          :src="withBase(item.imgSrc)"
           :alt="item.name"
           loading="lazy"
           class="skill-img"