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