Yoo趣儿

Yoo趣儿 › 探索分享 › 分享创造 › 使用 Next.js + Velite 搭建基于 Git 和 GitHub Actions ...

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

查看 20|回复 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 的折腾经验等，欢迎持续关注或者催更）））
    第一次发帖，不知道有人看吗……
    • 返回列表
    您需要登录后才可以回帖 登录 | 立即注册

    AD1

    热门主题

    热门板块

    问与答分享发现分享创造奇思妙想分享邀请码商业推广优惠信息PythonPHPJavaJavaScriptNode.jsGo语言C++HTML

    公告

    标签|小黑屋|Yoo趣儿

    GMT+8, 2024-11-28 20:16 , Processed in 0.012069 second(s), 11 queries , Gzip On, MemCached On.

    Powered by Discuz! X3.2

    The happiest thing in the world is to strive for an ideal.

    返回顶部