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

查看 18|回复 0
作者:RiddMa   
最近上线了新版博客 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 的折腾经验等,欢迎持续关注或者催更)))
    第一次发帖,不知道有人看吗……
  • 您需要登录后才可以回帖 登录 | 立即注册

    返回顶部