From 9ad9923d6154049a8f24b455fd374115adbc51ee Mon Sep 17 00:00:00 2001
From: jxw <j2570852518@gmail.com>
Date: Thu, 22 Oct 2026 16:59:00 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E5=85=A8=E7=AB=99=E6=94=B9?=
 =?UTF-8?q?=E7=94=A8=E6=95=B0=E6=8D=AE=E5=BA=93=E5=8A=A8=E6=80=81=E9=A9=B1?=
 =?UTF-8?q?=E5=8A=A8=EF=BC=8C=E6=94=AF=E6=8C=81=E5=88=86=E7=B1=BB=E4=B8=8E?=
 =?UTF-8?q?=E7=BB=9F=E8=AE=A1=E5=8A=A8=E6=80=81=E6=9F=A5=E8=AF=A2=EF=BC=8C?=
 =?UTF-8?q?=E5=B9=B6=E5=85=A8=E9=9D=A2=E5=B0=86=E4=BD=9C=E8=80=85=E5=8F=8A?=
 =?UTF-8?q?=E5=8D=9A=E4=B8=BB=E6=A0=87=E8=AF=86=E7=94=B1'=E6=97=BA?=
 =?UTF-8?q?=E6=80=BB'=E5=88=87=E6=8D=A2=E4=B8=BA'=E5=B0=8F=E4=B8=9C'?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../example/blog/config/DataInitializer.java  | 19 ++++-
 .../java/com/example/blog/entity/Post.java    |  4 +-
 deploy.sh                                     |  2 +-
 frontend/index.html                           | 69 ++++++++++++-------
 4 files changed, 65 insertions(+), 29 deletions(-)

diff --git a/backend/src/main/java/com/example/blog/config/DataInitializer.java b/backend/src/main/java/com/example/blog/config/DataInitializer.java
index b9f937c..8edc663 100644
--- a/backend/src/main/java/com/example/blog/config/DataInitializer.java
+++ b/backend/src/main/java/com/example/blog/config/DataInitializer.java
@@ -49,7 +49,7 @@ public class DataInitializer implements CommandLineRunner {
                     "相比传统臃肿的面料，1Panel 深度拥抱 **Docker 容器化**，所有应用（MySQL、OpenResty、Gitea）完全容器隔离，真正做到“环境随用随建，数据挂载持久化”。\n\n" +
                     "```bash\n# 快速检查 Docker 运行状态\ndocker ps --format \"table {{.Names}}\\t{{.Status}}\\t{{.Ports}}\"\n```\n\n" +
                     "> 💡 **运维心得**：永远在云平台控制台统一放行防火墙端口，切勿盲目在系统内部启用 UFW，避免失联风险。");
-            p1.setAuthor("旺总");
+            p1.setAuthor("小东");
             p1.setCategoryName("云原生 & Linux");
             p1.setTags("GCP,Ubuntu,1Panel,Linux");
             p1.setReadTime("4 min");
@@ -72,7 +72,7 @@ public class DataInitializer implements CommandLineRunner {
                     "3. **清空全局默认 Prompt**：消除了默认附带的 2050 历史 Token，读题耗时从 60s 骤降至 0.2s！\n\n" +
                     "```bash\n# 测试模型运行性能\ndocker exec -it 1Panel-ollama-nzre ollama run qwen2.5:1.5b --verbose\n```\n\n" +
                     "> 纯 CPU 跑 7B 参数是物理带宽瓶颈，日常开发推荐搭配 1.5B~3B 模型，速度与逻辑达到最佳平衡！");
-            p2.setAuthor("旺总");
+            p2.setAuthor("小东");
             p2.setCategoryName("AI & 本地模型");
             p2.setTags("DeepSeek,Ollama,OpenWebUI,性能调优");
             p2.setReadTime("6 min");
@@ -90,7 +90,7 @@ public class DataInitializer implements CommandLineRunner {
                     "- 数据文件挂载至命名卷 `mysql_data`，容器重启或重建数据零丢失；\n" +
                     "- Spring Data JPA 实现对象关系映射，自动完成数据库结构维护；\n" +
                     "- 统一 RESTful API 与响应封装，全栈开发得心应手！");
-            p3.setAuthor("旺总");
+            p3.setAuthor("小东");
             p3.setCategoryName("全栈开发 & CI/CD");
             p3.setTags("Spring Boot,MySQL,JPA,CI/CD");
             p3.setReadTime("5 min");
@@ -99,5 +99,18 @@ public class DataInitializer implements CommandLineRunner {
 
             postRepository.saveAll(Arrays.asList(p1, p2, p3));
         }
+
+        // 3. 自动迁移平滑更新：如果数据库中存留历史旧作者"旺总"，自动同步更新为"小东"
+        List<Post> existingPosts = postRepository.findAll();
+        boolean hasMigration = false;
+        for (Post p : existingPosts) {
+            if ("旺总".equals(p.getAuthor())) {
+                p.setAuthor("小东");
+                hasMigration = true;
+            }
+        }
+        if (hasMigration) {
+            postRepository.saveAll(existingPosts);
+        }
     }
 }
diff --git a/backend/src/main/java/com/example/blog/entity/Post.java b/backend/src/main/java/com/example/blog/entity/Post.java
index 6b16365..3a58b65 100644
--- a/backend/src/main/java/com/example/blog/entity/Post.java
+++ b/backend/src/main/java/com/example/blog/entity/Post.java
@@ -21,7 +21,7 @@ public class Post {
     private String content;
 
     @Column(length = 50)
-    private String author = "旺总";
+    private String author = "小东";
 
     @Column(name = "category_name", length = 50)
     private String categoryName = "技术杂谈";
@@ -51,7 +51,7 @@ public class Post {
         if (updatedAt == null) updatedAt = LocalDateTime.now();
         if (views == null) views = 0;
         if (likes == null) likes = 0;
-        if (author == null) author = "旺总";
+        if (author == null) author = "小东";
         if (categoryName == null) categoryName = "技术杂谈";
         if (readTime == null) readTime = "3 min";
         if (status == null) status = "PUBLISHED";
diff --git a/deploy.sh b/deploy.sh
index c074bd2..d2ed500 100644
--- a/deploy.sh
+++ b/deploy.sh
@@ -2,7 +2,7 @@
 set -e
 
 echo "=========================================="
-echo "🚀 [CI/CD] 开始构建并部署旺总的全栈个人博客..."
+echo "🚀 [CI/CD] 开始构建并部署小东的全栈个人博客..."
 echo "=========================================="
 
 # 1. 拉取最新代码
diff --git a/frontend/index.html b/frontend/index.html
index 64adee3..4bdf01b 100644
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -3,7 +3,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <title>旺总的技术全栈博客 | Full-Stack · Cloud-Native · DevOps</title>
+    <title>小东的技术全栈博客 | Full-Stack · Cloud-Native · DevOps</title>
     <!-- Tailwind CSS CDN -->
     <script src="https://cdn.tailwindcss.com"></script>
     <script>
@@ -250,12 +250,12 @@
                 <div class="flex items-center gap-6">
                     <a href="#/" @click.prevent="navigateView('home')" class="flex items-center gap-3 group">
                         <div class="relative w-10 h-10 rounded-xl bg-gradient-to-tr from-sky-500 via-indigo-500 to-purple-600 flex items-center justify-center text-white shadow-md shadow-sky-500/25 group-hover:scale-105 transition-transform">
-                            <span class="text-xl font-black">旺</span>
+                            <span class="text-xl font-black">东</span>
                             <span class="absolute -bottom-0.5 -right-0.5 w-3 h-3 bg-emerald-500 rounded-full border-2 border-white dark:border-slate-900"></span>
                         </div>
                         <div class="hidden sm:block">
                             <div class="font-extrabold text-base tracking-tight flex items-center gap-2">
-                                <span class="bg-gradient-to-r from-slate-900 to-slate-700 dark:from-white dark:to-slate-300 bg-clip-text text-transparent">旺总的技术全栈</span>
+                                <span class="bg-gradient-to-r from-slate-900 to-slate-700 dark:from-white dark:to-slate-300 bg-clip-text text-transparent">小东的技术全栈</span>
                                 <span class="px-2 py-0.5 rounded-full text-[10px] font-semibold bg-sky-100 text-sky-800 dark:bg-sky-950 dark:text-sky-300 border border-sky-200 dark:border-sky-800">
                                     v2.0
                                 </span>
@@ -341,7 +341,7 @@
                         <div>
                             <div class="flex flex-wrap items-center gap-3">
                                 <h1 class="text-2xl sm:text-3xl font-black tracking-tight text-slate-900 dark:text-white">
-                                    旺总 <span class="text-slate-400 text-lg font-normal font-mono">(WangZong)</span>
+                                    小东 <span class="text-slate-400 text-lg font-normal font-mono">(XiaoDong)</span>
                                 </h1>
                                 <span class="px-2.5 py-0.5 text-xs font-semibold rounded-md bg-gradient-to-r from-sky-500/10 to-indigo-500/10 text-sky-700 dark:text-sky-300 border border-sky-200/60 dark:border-sky-800/60">
                                     🚀 全栈架构师 · DevOps 极客
@@ -544,8 +544,8 @@
 
                             <div class="flex flex-wrap items-center gap-4 text-xs text-slate-500 dark:text-slate-400 font-mono">
                                 <span class="flex items-center gap-1.5">
-                                    <span class="w-5 h-5 rounded-full bg-slate-800 text-white flex items-center justify-center text-[10px]">旺</span>
-                                    <span>作者: {{ activePost.author || '旺总' }}</span>
+                                    <span class="w-5 h-5 rounded-full bg-slate-800 text-white flex items-center justify-center text-[10px]">东</span>
+                                    <span>作者: {{ activePost.author || '小东' }}</span>
                                 </span>
                                 <span>·</span>
                                 <span>⏱️ 预计耗时 {{ activePost.readTime || '5 min' }}</span>
@@ -758,7 +758,7 @@
                 <div>
                     <h1 class="text-3xl font-black text-slate-900 dark:text-white flex items-center gap-3">
                         <span>👨‍💻</span>
-                        <span>关于旺总 (WangZong) 与本站架构</span>
+                        <span>关于小东 (XiaoDong) 与本站架构</span>
                     </h1>
                     <p class="mt-2 text-sm text-slate-500">一个追求工程极致、拥抱云原生与本地大模型的全栈开发者个人空间。</p>
                 </div>
@@ -878,10 +878,7 @@
                             <label class="block font-semibold mb-1 text-slate-700 dark:text-slate-300 text-xs">技术专栏分类</label>
                             <select v-model="newPost.categoryName"
                                     class="w-full px-3.5 py-2 rounded-xl bg-slate-50 dark:bg-slate-800 border border-slate-300 dark:border-slate-700 focus:ring-2 focus:ring-sky-500 focus:outline-none text-xs">
-                                <option value="云原生 & Linux">云原生 & Linux</option>
-                                <option value="Java & Spring Boot">Java & Spring Boot</option>
-                                <option value="AI & 本地模型">AI & 本地模型</option>
-                                <option value="全栈开发 & CI/CD">全栈开发 & CI/CD</option>
+                                <option v-for="cat in availableCategories" :key="cat" :value="cat">{{ cat }}</option>
                             </select>
                         </div>
                         <div>
@@ -964,7 +961,7 @@
             <div class="max-w-6xl mx-auto px-4 sm:px-6 flex flex-col sm:flex-row items-center justify-between gap-4">
                 <div class="flex items-center gap-2">
                     <span class="w-2 h-2 rounded-full bg-emerald-500"></span>
-                    <span>© 2026 旺总的技术全栈 · 运行于 Google Cloud 台湾节点</span>
+                    <span>© 2026 小东的技术全栈 · 运行于 Google Cloud 台湾节点</span>
                 </div>
                 <div class="flex items-center gap-4 font-mono text-[11px]">
                     <span>Spring Boot 3</span>
@@ -1007,24 +1004,48 @@
                 const showScrollTop = ref(false);
                 const toasts = ref([]);
 
-                const categories = ['全部', '云原生 & Linux', 'Java & Spring Boot', 'AI & 本地模型', '全栈开发 & CI/CD'];
-
-                const categoryList = [
-                    { name: '云原生 & Linux', icon: '☁️', desc: 'Google Cloud 台湾节点云服务器运维、Ubuntu 系统内核参数调优、1Panel 容器环境与网络实战。' },
-                    { name: 'Java & Spring Boot', icon: '🍃', desc: 'Spring Boot 3.2 现代化分层设计、Spring Data JPA 对象关系映射、事务控制与统一 RESTful 规范。' },
-                    { name: 'AI & 本地模型', icon: '🧠', desc: 'Ollama 容器化引擎、DeepSeek R1 本地 CPU 性能压测与加速方案、Prompt 预填充降延迟实操。' },
-                    { name: '全栈开发 & CI/CD', icon: '⚙️', desc: '前后端分离微服务架构、Docker Compose 多容器生命周期管理、私有 Gitea Actions 持续交付流水线。' }
-                ];
+                const categories = ref(['全部']);
+                const categoryList = ref([]);
+                const availableCategories = computed(() => categories.value.filter(c => c !== '全部'));
 
                 const newPost = ref({
                     title: '',
                     categoryName: '全栈开发 & CI/CD',
-                    author: '旺总',
+                    author: '小东',
                     tags: 'SpringBoot,MySQL',
                     summary: '',
                     content: ''
                 });
 
+                // 从后端 MySQL 8.0 动态获取分类列表
+                async function fetchCategories() {
+                    try {
+                        const res = await fetch(`${API_BASE}/categories`);
+                        if (res.ok) {
+                            const result = await res.json();
+                            const list = result.data || result || [];
+                            if (list.length > 0) {
+                                categoryList.value = list.map(c => ({
+                                    name: c.name,
+                                    icon: getCategoryIcon(c.name),
+                                    desc: c.description || '沉淀架构与工程规范'
+                                }));
+                                categories.value = ['全部', ...list.map(c => c.name)];
+                                return;
+                            }
+                        }
+                    } catch (e) {
+                        console.warn('获取分类数据失败，使用基础兜底:', e);
+                    }
+                    categories.value = ['全部', '云原生 & Linux', 'Java & Spring Boot', 'AI & 本地模型', '全栈开发 & CI/CD'];
+                    categoryList.value = [
+                        { name: '云原生 & Linux', icon: '☁️', desc: 'Google Cloud 台湾节点云服务器运维、Ubuntu 系统内核参数调优、1Panel 容器环境与网络实战。' },
+                        { name: 'Java & Spring Boot', icon: '🍃', desc: 'Spring Boot 3.2 现代化分层设计、Spring Data JPA 对象关系映射、事务控制与统一 RESTful 规范。' },
+                        { name: 'AI & 本地模型', icon: '🧠', desc: 'Ollama 容器化引擎、DeepSeek R1 本地 CPU 性能压测与加速方案、Prompt 预填充降延迟实操。' },
+                        { name: '全栈开发 & CI/CD', icon: '⚙️', desc: '前后端分离微服务架构、Docker Compose 多容器生命周期管理、私有 Gitea Actions 持续交付流水线。' }
+                    ];
+                }
+
                 // Toast 通知提示系统
                 function showToast(text, type = 'info', icon = '🔔') {
                     const id = Date.now() + Math.random();
@@ -1318,8 +1339,8 @@
                 function openPublishModal() {
                     newPost.value = {
                         title: '',
-                        categoryName: '全栈开发 & CI/CD',
-                        author: '旺总',
+                        categoryName: availableCategories.value[0] || '全栈开发 & CI/CD',
+                        author: '小东',
                         tags: 'SpringBoot,MySQL,Docker',
                         summary: '',
                         content: ''
@@ -1479,6 +1500,7 @@
                     window.addEventListener('scroll', handleScroll);
                     window.addEventListener('hashchange', handleHashRoute);
 
+                    await fetchCategories();
                     await fetchPosts();
                     handleHashRoute();
                 });
@@ -1498,6 +1520,7 @@
                     stats,
                     categories,
                     categoryList,
+                    availableCategories,
                     selectedCategory,
                     searchKeyword,
                     selectCategory,