搭建博客过程复盘

一、个人博客的搭建方案

这篇文章主要记录一下这个博客从想法到上线的大致过程,也算是对前一阶段折腾经历的一次复盘。

目前,这个博客采用的是比较轻量的静态网站方案。网站主体使用 Astro 框架搭建,文章内容和网站代码统一放在 GitHub 仓库中管理,最后再通过 Cloudflare Pages 完成部署和发布。

整体流程可以简单理解为:先在本地使用 Astro 搭建博客网站的基本结构,再将项目代码推送到 GitHub 仓库中,之后在 Cloudflare Pages 中关联这个仓库。这样每次修改代码或更新文章后,只需要提交到 GitHub,Cloudflare Pages 就会自动重新构建并发布网站。

在文章管理方面,我目前主要使用 Notion 进行博文撰写和状态管理。比如一篇文章可以先在 Notion 中作为草稿存在,逐步修改完善;等内容基本确定后,再整理到博客项目中发布。这样做的好处是写作和发布可以分开,既方便日常记录,也便于统一管理文章状态。

从目前的使用体验来看,这套方案对个人博客来说已经比较够用。Astro 负责网站结构和页面生成,GitHub 负责代码与内容管理,Cloudflare Pages 负责部署和访问。几个工具各自承担一部分工作,整体流程比较清晰,维护成本也不算高。

二、借助 Codex 完善与美化博客

刚开始搭建博客时,我使用的是 Astro 官方提供的基础模板。它的结构很清楚,也适合作为起点,但页面视觉效果比较朴素,距离我想要的个人博客风格还有一定差距。

于是我在网上找了一些博客模板和设计参考,最后看到了一个比较符合我审美的网站:https://stalux.needhelp.icu。它的整体风格比较简洁,页面层次也比较清晰,既有技术博客的秩序感,又不会显得过于冰冷。

确定参考方向后,我截取了几张页面效果图,然后交给 Codex 辅助实现。大致过程是:我先描述想要的页面风格和功能,再提供截图作为参考,让 Codex 帮我分析页面结构、生成对应代码,并逐步修改样式细节。

在这个过程中,我也对网站的导航页面进行了重构。原本的页面更像是一个普通模板,现在则逐渐变成了更符合个人需求的博客入口。包括首页布局、文章卡片、分类入口等细节,都经过了一些调整。

当然,这个过程并不是一次完成的。很多地方都是先生成一个大致版本,再根据实际显示效果不断修改。比如有些样式在代码中看起来合理,但放到页面上就会显得拥挤;有些布局在电脑端还不错,到了移动端就需要重新调整。借助 Codex 的好处在于,它可以帮我快速完成大量基础代码和结构修改,让我把更多精力放在“我想要什么效果”这件事上。

从结果来看,虽然现在的网站还远谈不上成熟,但相比最初的基础模板,已经更接近我想要的样子了。

三、后续打算完善的功能

博客目前已经可以正常访问和发布文章,但距离理想状态还有不少可以继续完善的地方。

首先,我想尝试接入 Cloudflare R2 对象存储。现在博客中的图片和其他静态资源主要还是跟随 GitHub 项目一起管理。这样虽然简单,但随着文章数量增加,图片资源也会越来越多。如果后续能把图片等文件单独存放到 R2 中,就可以让 GitHub 仓库更加轻量,也更方便管理资源。

其次,我还想尝试给博客加入评论系统。个人博客如果只有文章输出,多少还是有一点单向表达的感觉。如果能加入评论功能,读者在看到文章后就可以直接留言交流,也能让博客不只是一个静态展示页面,而是具备一点互动性。

不过,这些功能目前还只是计划。现阶段如果有人想和我交流,还是只能通过邮箱联系:contactme@merrytoast.com。当然,也不一定真的会有人看到这个博客,更不一定会有人主动发邮件。但既然博客已经搭起来了,先把交流入口放在那里,也算是给未来留一个可能性。

除了 R2 和评论系统以外,后续可能还会继续优化文章分类、标签、归档页面和移动端显示效果。如果文章数量逐渐增加,搜索功能也会变得比较有必要。不过这些都不急,博客刚刚开始,最重要的还是先稳定写下去。

四、结语

回头看这次搭建博客的过程,其实并不算复杂,但每一步都让我对现代静态网站的工作流程有了更直观的理解。

从 Astro 搭建页面,到 GitHub 管理项目,再到 Cloudflare Pages 自动部署,整个流程把写作、开发和发布连接在了一起。对于一个个人博客来说,这样的方案已经足够轻量,也足够灵活。

我本身并不是编程专业出身,对前端开发、网站部署和工程化流程也还只是刚刚开始接触。很多问题都是一边查资料、一边问 AI、一边动手修改才慢慢解决的。也正因为如此,这个博客本身不仅是一个写文章的地方,也会成为我记录学习过程和开发经历的地方。

现在的网站还很简单,很多细节也并不完善。但至少它已经从一个想法变成了一个可以访问、可以更新、可以继续扩展的小空间。

后面就慢慢来吧。先把文章写下去,再一点点把博客做得更好。