使用了AI重构项目，并完善了一部分后台问题

src/components/AboutPage.vue

@@ -2,6 +2,10 @@
   <div class="about-page" @click.stop>
     <div class="about-modal">
       <div class="about-modal-content">
+        <header class="about-heading">
+          <h2>{{ config.aboutTitle }}</h2>
+          <p v-if="config.aboutDescription">{{ config.aboutDescription }}</p>
+        </header>
         <div class="tech-stack">
           <h3>使用的技术栈</h3>
           <ul class="tech-list">
@@ -11,21 +15,21 @@
             </li>
           </ul>
         </div>
-        <div class="github-info">
-          <h3>开源地址</h3>
+        <div v-if="config.aboutLinks.length" class="github-info">
+          <h3>相关链接</h3>
           <div class="github-links">
-            <a href="https://github.com/JLinMr/Home-Vue" target="_blank" rel="noopener noreferrer" class="github-link">
-              <i class="fab fa-github" aria-hidden="true"></i>
+            <a
+              v-for="link in config.aboutLinks"
+              :key="link.url"
+              :href="link.url"
+              :target="config.openLinksInNewTab ? '_blank' : undefined"
+              :rel="config.openLinksInNewTab ? 'noopener noreferrer' : undefined"
+              class="github-link"
+            >
+              <i :class="link.icon || 'fas fa-link'" aria-hidden="true"></i>
               <div class="link-content">
-                <span class="link-title">静态原项目</span>
-                <span class="link-desc">Home-Vue</span>
-              </div>
-            </a>
-            <a href="https://github.com/QWQLwToo/Home-Vue-go" target="_blank" rel="noopener noreferrer" class="github-link">
-              <i class="fab fa-github" aria-hidden="true"></i>
-              <div class="link-content">
-                <span class="link-title">动态现项目</span>
-                <span class="link-desc">Home-Vue-go</span>
+                <span class="link-title">{{ link.title }}</span>
+                <span class="link-desc">{{ link.description }}</span>
               </div>
             </a>
           </div>
@@ -39,6 +43,7 @@
 </template>
 
 <script setup>
+import { onMounted } from 'vue';
 import vueLogo from '@fortawesome/fontawesome-free/svgs/brands/vuejs.svg?raw';
 import cssLogo from '@fortawesome/fontawesome-free/svgs/brands/css3-alt.svg?raw';
 import htmlLogo from '@fortawesome/fontawesome-free/svgs/brands/html5.svg?raw';
@@ -49,6 +54,7 @@ import ginLogo from '@fortawesome/fontawesome-free/svgs/solid/server.svg?raw';
 import sqliteLogo from '@fortawesome/fontawesome-free/svgs/solid/database.svg?raw';
 import entLogo from '@fortawesome/fontawesome-free/svgs/solid/code-branch.svg?raw';
 import jwtLogo from '@fortawesome/fontawesome-free/svgs/solid/key.svg?raw';
+import { loadPublicConfig, publicConfig as config } from '../composables/usePublicConfig';
 
 const emit = defineEmits(['close']);
 
@@ -65,6 +71,7 @@ const techStack = [
   { name: 'JWT', logo: jwtLogo, color: '#b33ac2' }
 ];
 const closeModal = () => emit('close');
+onMounted(() => loadPublicConfig());
 </script>
 
 <style scoped>
@@ -98,6 +105,10 @@ h3 {
   text-align: left;
 }
 
+.about-heading { margin-bottom: 22px; text-align: left; }
+.about-heading h2 { margin: 0 0 7px; font-size: 1.25rem; }
+.about-heading p { margin: 0; color: var(--text-muted); font-size: 13px; line-height: 1.6; }
+
 .tech-list {
   display: grid;
   grid-template-columns: repeat(5, minmax(0, 1fr));