之前在技术调研时,发现了一个设计精良的博客 https://lilianweng.github.io/。细看之下,其域名格式非常眼熟——这不正是GitHub Pages的典型特征吗?顺着线索找到了作者的GitHub仓库,确认了其背后正是基于 github.io 项目构建的。
就像经典的三步法比喻,利用GitHub Pages创建个人网站同样只需三个核心步骤:
- 拥有一个GitHub账号。
- 创建特定命名的
github.io 仓库。
- 将网站文件推送到该仓库。
第一步(注册账号)在此略过,我们直接从第二步开始。关于如何创建项目,与其查阅冗长的指南,不如记住最简洁的规则:新建一个名为 你的用户名.github.io 的仓库。
请注意:仓库名中的“你的用户名”必须与你的GitHub账户名完全一致。
接下来是第三步:准备网站文件。这一步可以借助AI工具高效完成。例如,本文示例站点的文件均由豆包(一个AI助手)生成。你也可以提供自己喜欢的博客页面地址作为参考,让AI生成类似结构的代码。当然,初始生成的内容可能存在一些Bug,可以继续交由AI进行迭代修复。顺便一提,如果你查看示例链接,会发现当前博客并未使用最新的Jekyll V5主题,而是基于更稳定的V3版本构建。
效果预览
你可以访问 https://wq-win.github.io/ 查看最终的部署效果,其风格与引用的 lilianweng 博客颇为相似。

一些心得与计划
在实际开发中,高效的Ai工具能显著提升工作效率。例如,可以直接在IDE中调用Claude等工具针对项目上下文进行代码修改和调试,尽管有时可能需要多次引导才能达到理想效果。
执行力尤为关键。本可以将项目更快落地,但往往被“追求完美”所拖延。正如示例站点所示,初期内容可能多为测试生成,功能也不完善,但先完成,再完善的策略更为务实。在此立下Flag:将持续迭代这个博客,计划修复文章链接,并逐步添加网页数独、小游戏等趣味功能,敬请期待。
|