671 字
3 分钟
这个博客是怎么搭起来的

这个站点现在还很早期,但总算从“想弄个博客”变成了“已经有地方可以写东西”。

我对它的期待不是一次性做成一个很完整的网站,而是先把结构搭出来,然后边写边改。技术文章、项目记录、学习笔记、代码片段,还有一些动画、音乐、视频相关的小实验,都可以慢慢往里放。

为什么选这套#

第一版选的是 Astro + Fuwari。

Astro 适合内容型站点。默认静态生成,部署简单,后面如果想加一些交互组件,也不用把整个博客变成一个复杂的前端应用。

Fuwari 则省掉了很多博客基础设施:

  • 首页文章流
  • 文章详情
  • 归档
  • 分类和标签
  • 搜索
  • 深色模式
  • 页面转场
  • RSS 和 sitemap

这些东西自己从零写当然也能做,但博客的第一目标还是写内容。先用一个成熟主题把底座搭好,会更容易进入“开始写”的状态。

现在怎么部署#

当前部署链路是:

本地开发
-> git push
-> GitHub 仓库
-> Cloudflare Workers 构建部署
-> blog.rgcdev.top

同时保留 GitHub Pages:

GitHub Actions
-> pnpm build
-> dist
-> r-gc.github.io

这样做的好处是:主站可以走 Cloudflare,自定义域名和后续 R2 / Workers 能力都在一个体系里;GitHub Pages 则作为备用访问和对照环境。

先把栏目放出来#

现在先放了几个顶层栏目:

  • 首页:最新文章
  • 归档:按时间、分类、标签浏览
  • 项目:记录做过、正在做、还想继续整理的东西
  • 笔记:保存短内容、配置备忘和学习记录
  • 实验室:放动画、音乐、视频和交互 demo
  • 关于:个人介绍和站点说明

项目页目前是数据驱动的,项目数据统一放在 src/data/projects.ts。这不是为了炫技,只是为了以后新增项目时不用每次都改页面结构。

第一版先到这里#

第一版已经完成:

  • 站点初始化
  • 中文配置
  • Cloudflare Workers 部署
  • GitHub Pages 备用部署
  • 自定义域名
  • 项目、笔记、实验室栏目
  • 项目页数据化
  • 第一批项目复盘文章

后面会慢慢补:

  • 替换头像和 favicon
  • 补真实项目截图
  • 为重点项目建立详情页
  • 优化首页布局
  • 增加音乐和视频实验
  • 把大图和媒体资源迁移到 Cloudflare R2

现在最重要的不是把页面一次性做漂亮,而是开始积累内容。样式、结构、动画和媒体能力都可以跟着内容慢慢长出来。

这个博客是怎么搭起来的
https://r-gc.github.io/posts/project-rgc-blog-architecture/
作者
RGC
发布于
2026-05-20
许可协议
CC BY-NC-SA 4.0