更新友链

- SnowyKami 神羽

详情(https://github.com/AgxCOy/AgxCOy/issues/7)

.vscode/settings.json

@@ -2,5 +2,6 @@
     "files.exclude": {
         "**/*.png": true,
         "**/*.webp": true
-    }
+    },
+    "editor.tabSize": 2
 }

docs/README.md

@@ -1,6 +1,6 @@
 ---
 home: true
-layout: BlogHome
+layout: Blog
 icon: home
 title: 主页
 heroImage: /assets/images/avatar.webp

docs/friends/index.md

@@ -1,4 +1,5 @@
 ---
+home: true
 layout: FriendsHome
 icon: link
 index: false

package.json

@@ -10,14 +10,15 @@
     "up-deps": "pnpm dlx vp-update"
   },
   "devDependencies": {
-    "@vuepress/bundler-vite": "2.0.0-rc.19",
-    "@vuepress/plugin-docsearch": "2.0.0-rc.76",
+    "@vuepress/bundler-vite": "2.0.0-rc.23",
+    "@vuepress/plugin-docsearch": "2.0.0-rc.108",
     "@vuepress/plugin-remove-pwa": "2.0.0-rc.103",
-    "katex": "^0.16.21",
+    "katex": "^0.16.22",
     "mermaid": "^11.6.0",
-    "vue": "^3.5.13",
-    "vuepress": "2.0.0-rc.19",
-    "vuepress-theme-hope": "2.0.0-rc.71"
+    "sass-embedded": "^1.89.2",
+    "vue": "^3.5.16",
+    "vuepress": "2.0.0-rc.23",
+    "vuepress-theme-hope": "2.0.0-rc.92"
   },
   "packageManager": "pnpm@9.15.3+sha512.1f79bc245a66eb0b07c5d4d83131240774642caaa86ef7d0434ab47c0d16f66b04e21e0c086eb61e62c77efc4d7f7ec071afad3796af64892fae66509173893a"
 }

src/components/MarkdownContent.vue

@@ -0,0 +1,14 @@
+<template>
+  <HopeMarkdownContent v-bind="$attrs" data-clarity-region="article">
+    <template #contentBefore>
+      <slot name="contentBefore" />
+    </template>
+    <template #contentAfter>
+      <slot name="contentAfter" />
+    </template>
+  </HopeMarkdownContent>
+</template>
+
+<script lang="ts" setup>
+import HopeMarkdownContent from 'vuepress-theme-hope/components/base/MarkdownContent'
+</script>

src/friends.json

@@ -1,9 +1,9 @@
 {
-  "#5": {
-    "link": "https://blog.shimakaze.dev",
+  "#5:0": {
+    "name": "Shimakaze 岛风",
     "icon": "https://blog.shimakaze.dev/avatar.webp",
-    "desc": ".NET 壬，也会一些前端。比我厉害。",
-    "name": "frg2089 岛风"
+    "desc": "愿世界没有加班。",
+    "link": "https://blog.shimakaze.dev"
   },
   "#6": {
     "icon": "https://twis.uk/avatar.png",

src/friends.ts

@@ -1,6 +0,0 @@
-import { ThemeBlogHomeProjectOptions } from 'vuepress-theme-hope'
-import friendsJson from './friends.json' with { type: 'json' }
-
-const friends: ThemeBlogHomeProjectOptions[] = Object.values(friendsJson)
-
-export default friends

src/layouts/FriendsHome.vue

@@ -1,14 +1,12 @@
 <template>
-  <BlogWrapper>
-    <div class="vp-page vp-blog">
-      <BlogHero>
-        <template #info="{ tagline, isFullScreen, text, alt }">
-          <HitokotoBlogHero v-if="text" :text="text" :alt="alt" />
-        </template>
-        <template #bg>
-          <BingHeroBackground />
-        </template>
-      </BlogHero>
+  <Layout>
+    <template #heroInfo="{ text, tagline, style, isFullScreen }">
+      <HitokotoBlogHero v-if="text" :text="text" :alt="text" />
+    </template>
+    <template #heroBg>
+      <BingHeroBackground />
+    </template>
+    <template #content>
       <div class="blog-page-wrapper">
         <main id="main-content" class="vp-blog-main friends round-avatar">
           <DropTransition appear :delay="0.16">
@@ -25,25 +23,30 @@
           <InfoPanel />
         </DropTransition>
       </div>
-    </div>
-  </BlogWrapper>
+    </template>
+  </Layout>
 </template>
 
 <script lang="ts" setup>
-import BlogHero from 'vuepress-theme-hope/blog/components/BlogHero.js'
-import BlogWrapper from 'vuepress-theme-hope/blog/components/BlogWrapper.js'
-import InfoPanel from 'vuepress-theme-hope/blog/components/InfoPanel.js'
-import ProjectPanel from 'vuepress-theme-hope/blog/components/ProjectPanel.js'
-import MarkdownContent from 'vuepress-theme-hope/components/MarkdownContent.js'
-import { DropTransition } from 'vuepress-theme-hope/components/transitions/DropTransition.js'
+import InfoPanel from 'vuepress-theme-hope/components/blog/InfoPanel'
+import ProjectPanel from 'vuepress-theme-hope/components/blog/ProjectPanel'
+import { ThemeBlogHomeProjectOptions } from 'vuepress-theme-hope'
+import DropTransition from 'vuepress-theme-hope/components/transitions/DropTransition'
+import Layout from 'vuepress-theme-hope/layouts/base/Layout.js'
 import BingHeroBackground from 'vuepress-theme-hope/presets/BingHeroBackground.js'
 import HitokotoBlogHero from 'vuepress-theme-hope/presets/HitokotoBlogHero.js'
 
-import 'vuepress-theme-hope/modules/blog/styles/home.scss'
-import friends from "../friends"
+import MarkdownContent from '../components/MarkdownContent.vue'
+import FriendsInfo from '../friends.json' with { type: 'json' }
+
+const friends: ThemeBlogHomeProjectOptions[] = Object.values(FriendsInfo)
 </script>
 
 <style lang="scss">
+.vp-hero-info {
+  flex-direction: column;
+}
+
 main.friends.round-avatar {
   .vp-project-card {
     img.vp-project-icon {