diff --git a/frontend/index.html b/frontend/index.html index 00818be..aee4324 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -3,7 +3,7 @@ - 旺总的技术全栈博客 | Full-Stack & Cloud-Native + 旺总的技术全栈博客 | Full-Stack · Cloud-Native · DevOps + - +
- -
-
+ +
+
+ + +
+ +
+ {{ toast.icon }} + {{ toast.text }} +
+ +
+ + +
+
+ - -
- 旺 -
-
-
- 旺总的技术全栈博客 - +
+ +
+ 旺 +
- -
- + + + + + +
-
- +
+ + - + @@ -99,325 +217,662 @@
- -
+ +
- -
-
+ +
+ +
+
-
-
-
-
+
+ +
+ +
+
👨‍💻
- +
+ +
-
-

旺总 (WangZong)

- 全栈工程师 +
+

+ 旺总 (WangZong) +

+ + 🚀 全栈架构师 · DevOps 极客 +
-

- 专注 Spring Boot 3 企业级架构 · MySQL 8.0 持久化 · Docker / K8s 容器编排 · CI/CD 自动化流水线 +

+ 沉淀高可用企业级工程经验，深耕 Spring Boot 3、MySQL 8.0 持久化架构与云原生自动化交付；实践 DeepSeek R1 等本地开源 AI 大模型的微调与落地。

- -
- 🐬 MySQL 8.0 持久化 - ⚡ Spring Boot 3 + JPA - 🐳 Docker Compose - 🚀 Gitea Actions CI/CD - 🤖 DeepSeek R1 本地化 + + +
+ + 🐬 MySQL 8.0 + + + 🍃 Spring Boot 3 + JPA + + + 🐳 Docker & Compose + + + ⚙️ Gitea Actions CI/CD + + + 🧠 DeepSeek R1 本地化 +
- -
-
-
{{ stats.totalPosts }}
-
文章总数
+ +
+
+
{{ stats.totalPosts }}
+
技术长文
-
-
-
{{ stats.totalViews }}
-
累计浏览
+
+
{{ stats.totalViews }}
+
全站阅读
-
-
-
{{ stats.totalLikes }}
-
点赞认可
+
+
{{ stats.totalLikes }}
+
读者点赞
+
- -
- -
+ +
+ + +
- -
+ +
- + placeholder="搜索文章、技术栈、关键字..." + class="w-full pl-10 pr-8 py-2 text-sm rounded-xl bg-white dark:bg-slate-900 border border-slate-200 dark:border-slate-800 focus:outline-none focus:ring-2 focus:ring-sky-500/40 dark:focus:ring-sky-400/40 transition-all shadow-sm"> + +
- -
+ +
-
+ @click="viewPost(post)" + class="group p-6 sm:p-7 rounded-2xl bg-white dark:bg-slate-900 border border-slate-200/80 dark:border-slate-800 shadow-sm hover:shadow-xl hover:border-sky-500/40 dark:hover:border-sky-500/40 transition-all duration-300 cursor-pointer relative overflow-hidden"> + + +
- - {{ post.categoryName || '技术杂谈' }} + + {{ getCategoryIcon(post.categoryName) }} + {{ post.categoryName || '技术架构' }} · - 📅 {{ formatDate(post.createdAt) }} - · - ⏱️ {{ post.readTime || '3 min' }} + 📅 {{ formatDate(post.createdAt) }} +
+
+ ⏱️ {{ post.readTime || '5 min' }}
-

+

{{ post.title }}

- -

- {{ post.summary || post.content.substring(0, 140) }} + +

+ {{ post.summary || post.content.substring(0, 150) }}

- -
+ +
-
+
+ class="px-2 py-0.5 rounded-md bg-slate-100 dark:bg-slate-800/80 text-slate-600 dark:text-slate-300 font-mono text-[11px]"> #{{ tag }}
- -
- - + +
+ + {{ post.views || 0 }} - - 阅读全文 → + + 沉浸阅读 →
- -
-
🔍
-

没有找到相关文章

-

换个搜索词或点击右上方“发布文章”向 MySQL 写入一篇吧！

+ +
+
🔍
+

没有检索到匹配的文章

+

+ 尝试更换搜索关键词，或者点击右上角“写新文章”向 MySQL 写入一篇吧！ +

+
- -
-
- -
-
- - {{ activePost.categoryName }} - - · - 📅 {{ formatDate(activePost.createdAt) }} + +
+ + +
+ + +
+ + +
+
+ + +
+ + +
+
+ + +
+
+ + {{ activePost.categoryName }} + + · + 发布于 {{ formatDate(activePost.createdAt) }} +
+ +

+ {{ activePost.title }} +

+ +
+ + 旺 + 作者: {{ activePost.author || '旺总' }} + + · + ⏱️ 预计耗时 {{ activePost.readTime || '5 min' }} + · + 👁️ {{ activePost.views }} 次阅读 + · + ❤️ {{ activePost.likes }} 点赞 +
+ + +
+ + #{{ tag }} + +
+
+ + +
+
+ ✨ + AI 智能速读 · 核心要点提炼 +
+
+

📌 核心主题：{{ activePost.summary || activePost.title }}

+

💡 实践价值：基于真实生产架构提炼，避免重复踩坑，代码与配置经过多轮全流程验证。

+

⚡ 技术归宿：持久化存储于 MySQL 8.0，支持 Docker 容器全自动持续集成与部署交付。

+
+
+ + +
+ + +
+ + + +
+
+ + +
+
+

+ 💬 读者交流与讨论 + + {{ comments.length }} 条持久化记录 + +

+
+ + +
+
+ + 评论将实时持久化写入 MySQL 8.0 +
+ +
+ +
+
+ + +
+
+
+
+
+ {{ c.author ? c.author.charAt(0).toUpperCase() : 'U' }} +
+ {{ c.author || '匿名访客' }} +
+ {{ formatDate(c.createdAt) }} +
+

{{ c.content }}

+
+
+
+ 暂无评论，留下你的第一条精彩见解吧！ +
+
+
+ + + + +
+
+ + +
+
+

+ ⏳ + 技术成长时光轴 +

+

按发布时间记录每一篇全栈架构与容器化工程实录，共计 {{ posts.length }} 篇。

+
+ + +
+
+ +
+ + +
+
+ 📅 {{ formatDate(post.createdAt) }} + · + {{ post.categoryName }} +
+

+ {{ post.title }} +

+

+ {{ post.summary || post.content.substring(0, 100) }} +

+
+
+
+
+ + +
+
+

+ 🗂️ + 技术专栏全景 +

+

按照企业级架构体系细分的专业技术领域与专题沉淀。

+
+ +
+
+
+
+ {{ cat.icon }} +
+ + {{ getPostsCountByCategory(cat.name) }} 篇文章 + +
+

+ {{ cat.name }} +

+

+ {{ cat.desc }} +

+
+ 查看该专栏全部文章 + → +
+
+
+
+ + +
+
+ +
+

+ 👨‍💻 + 关于旺总 (WangZong) 与本站架构 +

+

一个追求工程极致、拥抱云原生与本地大模型的全栈开发者个人空间。

+
+ + +
+

+ 🛠️ 掌握的技术栈 & 工具链 +

+
+
+
🍃 后端企业级架构
+

Java 17 / 21 · Spring Boot 3.2 · Spring Data JPA · RESTful API · 统一异常治理

+
+
+
🐬 数据持久化与存储
+

MySQL 8.0 性能调优 · Docker 命名卷持久化 · 自动库表结构同步 · 读写连接池

+
+
+
🐳 容器化 & CI/CD 流水线
+

Docker & Docker Compose · Gitea Actions (Act Runner) · Nginx 反向代理 · 1Panel 运维

+
+
+
🧠 现代 AI & 本地模型工程
+

Ollama · Open WebUI · DeepSeek R1 性能调优 · CPU 线程释放 · Prompt 预填充优化

+
+
+
+ + +
+

+ 🏗️ 本站全链路架构拓扑 +

+
+ 
┌────────────────────────────────────────────────────────────────────────┐
+│                        Google Cloud 台湾节点 (GCP 4核16G)                │
+├────────────────────────────────────────────────────────────────────────┤
+│                                                                        │
+│   [ 用户访问 http://104.199.128.0:8088 ]                                 │
+│                   │                                                    │
+│                   ▼                                                    │
+│      ┌─────────────────────────┐                                       │
+│      │  Nginx 容器 (前端静态+反代)  │                                       │
+│      └────────────┬────────────┘                                       │
+│                   │ /api/ 反向代理                                      │
+│                   ▼                                                    │
+│      ┌─────────────────────────┐         ┌─────────────────────────┐   │
+│      │ Spring Boot 3 容器 (8080) │ ──JPA──▶│   1Panel MySQL 8.0 容器 │   │
+│      └─────────────────────────┘         │   (持久化卷数据隔离保护)   │   │
+│                   ▲                      └─────────────────────────┘   │
+│                   │ 自动重构镜像上线                                        │
+│      ┌─────────────────────────┐         ┌─────────────────────────┐   │
+│      │ Gitea Runner CI/CD 容器  │ ◀────── │ 私有 Gitea 仓库 (端口3000)│   │
+│      └─────────────────────────┘ (git push)└─────────────────────────┘   │
+└────────────────────────────────────────────────────────────────────────┘
+
+
+ + +
+
博主邮箱：j2570852518@gmail.com
+
代码托管：私有 Gitea 仓库
+
+ +
+
+ + +
+
+ + +
+
+ ✍️ +
+

Markdown 创作工作室

+

直写 1Panel MySQL 8.0 生产库

+
+
+ +
- - + + +
+
- -
-

- {{ activePost.title }} -

-
- 👤 作者: {{ activePost.author || '旺总' }} - · - ⏱️ 预计阅读: {{ activePost.readTime || '3 min' }} - · - 👁️ {{ activePost.views }} 浏览 -
- - -
-
- - -
- -
- - -
-

- 💬 读者交流区 - ({{ comments.length }} 条持久化评论) -

- - -
-
- -
- -
- -
-
- - -
-
-
- 👤 {{ c.author }} - {{ formatDate(c.createdAt) }} -
-

{{ c.content }}

-
-
-
- 暂无评论，快来抢沙发吧！ -
-
-
-
-
- - -
-
-
-

- ✍️ 撰写并持久化发布到 MySQL -

- -
- -
+ +
+ +
- - + +
+
- +
- - + +
+
- - + +
-
-
- - 支持代码块高亮及标题格式 + +
+
+ + + + + + + +
+
+
-
-
-
+ + +
+
+ 预计字数: {{ newPost.content.length }} 字 +
+
+
+
- -