使用 Next.js + Velite 搭建基于 Git 和 GitHub Actions CI/CD 的自部署博客，自定义 Markdown 渲染管线等。持续更新教程，欢迎围观

最近上线了新版博客 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 的折腾经验等，欢迎持续关注或者催更）））

第一次发帖，不知道有人看吗……