共计 678 个字符，预计需要花费 2 分钟才能阅读完成。
最近上线了新版博客 riddma.com，更新了技术栈，并打算以此写一系列教程，也是记录一下自己折腾博客技术栈这么多年（却还没有写几篇正经文章）的经验。
我对博客的要求：
- 数据与系统分离，Markdown 记录文章保存在本地，与各类笔记 / 知识库软件无痛迁移。
- 无外部数据库等依赖，最好一个 Git 仓库带着走。
- 表现力强，支持各种富文本和动态组件，超越原生 Markdown 能力。
- 能方便地扩展各种动态页面，从静态博客变为动态个人主页。
- 技术栈现代化，界面美观，动效丰富。
基于以上考虑，我选择的技术栈：
- 前后端：Next.js 14 (App Router) + remark-rehype 自定义 Markdown 渲染管线
- 数据库：Prisma + SQLite
- 美化：Tailwind CSS + DaisyUI + NextUI + Framer Motion + GSAP
- CMS：基于 Git 和 Velite 的 Serverless 架构
- LLM：Deepseek-V2
- 部署：GitHub Actions CI/CD + VPS Self-Host（也支持 Vercel 一键部署）
这套技术栈适合需要完全自定义博客外观和功能，不怕折腾并且对前端有一定熟悉程度的人。博客代码 开源，还在开发，有很多 bug，李姐万岁。
后续会在 从零开始的现代化个人博客搭建指南 专栏中持续更新文章，预计会包含一篇总览性的概述，和若干踩坑点的问题解决等。此外，我也会更新一些发烧级 HomeServer/NAS 装机经验（ProxmoxVE，TrueNAS Scale 系统）、软硬路由器和 OpenWRT 的折腾经验等，欢迎持续关注或者催更）））
第一次发帖，不知道有人看吗……
正文完
