标签：项目实战

从零开始的部署教程：服务器环境准备、前后端推送、systemd 服务配置、Nginx 反代、SSL 证书、日常更新、常见问题排查。

本博客采用 Nuxt 3 + FastAPI + SQLite 全栈架构。本文从技术选型、构建配置到架构图完整解析每个决策背后的原因。

本博客前端毛玻璃（Glassmorphism）设计系统的完整说明，涵盖四个玻璃层级、交互体系、CSS 变量驱动架构以及后台可视化管理器。

记录 7 个典型踩坑案例：bcrypt 版本兼容、Node.js 版本要求、自引用 cascade、相对导入、Hydration 不匹配、Windows 路径、npm 平台绑定。附通用经验总结。

完整后台管理系统详解：JWT 认证中间件、分栏实时 Markdown 编辑器、评论审核流程、站点 key-value 配置和图片上传。

从 Markdown 原文到文章目录的完整管线。本文详解 marked 自定义 Renderer、TOC 提取算法、写入时渲染缓存和代码复制按钮的实现。

网盘功能支持密码分发 + 5 分钟 Token 下载。本文详解时间窗口算法、无状态 Token 验证、双重上传认证和前端页面的完整实现。

12 个前端组件分基础/业务/后台三层。本文详解 GlassCard 基座、Pagination 截断、ArticleCard 点击事件和组件状态设计。

Nuxt 3 SSR 在 SEO 和首屏性能上优势明显，但也带来了 hydration 匹配的挑战。本文详解数据获取策略、分页缓存和三个实际踩坑案例。

22 个 API 端点分公开/网盘/管理三层。本文详解文章列表分页、全文搜索、JWT 认证和安全机制的设计与实现。

6 张 ORM 表的设计决策：文章-标签多对多、自引用评论、JSON 扩展字段、SQLite 路径兼容。本文详解每个字段的设计意图。

韩国服务器 + Nginx 反代 + Let's Encrypt + systemd 服务管理。本文详解从安全组配置到一键部署脚本的完整流程。

基于 Nuxt.js 3 + FastAPI + SQLite 的个人博客系统，支持文章发布、分类标签、评论审核、全文搜索、RSS 订阅、后台管理等功能。

基于 SQLite + SQLAlchemy 的博客系统数据库设计实践，涵盖 ER 设计、ORM 技巧、分页查询、级联策略和踩坑记录。

基于导航方向差异化页面过渡动画的设计思路和技术实现。从导航栏数字顺序推导前进/后退/相同页面三种滑入/滑出行为，附避坑记录和手感调优参数。

个人博客 blog.vue2.xyz 的系统级安全升级记录——密码哈希从 SHA256 升级到 bcrypt、统一 JWT 认证、XSS 消毒、路径穿越防护等全链路加固实践。

详细的技术架构文档：系统设计、请求流程、数据库表结构、API 接口、前端页面路由、样式体系、目录结构。

我的网站服务器上 Nginx 配置了四个 server 块，其中两个同时服务于博客，搜索引擎看到的是两个内容完全相同的网站，导致 SEO 权重被分散。

网站从 `blog.vue2.xyz` 统一迁移到 `vue2.xyz` 做主域名，百度搜索资源平台也需要跟着迁移，并实现自动化推送新文章入口。

从需求到落地，记录如何用 Claude Code 为个人博客构建一个 Agent 可调用的文章发布 Skill，涵盖 API 分析、智能元数据生成、缺失信息兜底等设计思路

用 Claude Code 从零搭建一个 Hermes Agent Skill，实现和平营地多账号的抓包解析、token更新、批量管理和服务监控，记录完整的设计思路和踩坑经验。