文章目录
这个网站的故事
搭建初衷
作为一个因为喜欢编程而成为程序员的人，有自己的博客网站似乎是顺理成章的事情，随着工作后接触的内容越来越多，终于决定选择一个方式来记录它们。现在是2026年九月，AI工具已经能代替很多编程工作，博客网站似乎也变得不重要了，更何况还有CSDN、博客园这种网站可以发布内容。选择自己搭建网站的理由主要有下面两个：
- 知识是自己的，AI可以帮助我工作，教我很多知识，但我仍然想找一个地方记录它们。
- 网站是自己的，定制化程度比其他商业平台高得多，虽然曝光量会低得多，不过本网站以记录自己的内容为主，分享只是顺带的，以后可能也会在其他平台同步更新内容，但以记录为主的核心不会改变。
这是网站上更新的第一篇文章，发布时网站上还有模板自带的几个文章，我将它们作为占位符，让网站好看一些，在后续自己的文章多起来后会陆续撤掉。
技术选择
这个网站使用Astro框架+自带博客模板设计，部署在Cloudflare Pages。框架选择参考的是从零搭建Astro博客，网页布局也是参考这个网站的。这篇博客列举了Astro框架的优点，在我使用过程中感受挺明显，选择Astro的原因主有三个，一是博主所说的高性能，还有好看的博客模板，最后是简单易懂的项目结构，不过后两点因人而异。
上文的链接中有详细的教程，事实上并不需要1个小时的时间，从创建项目开始到Cloudflare Pages部署完毕，只部署博客模板不增加内容的情况下，10分钟就够了，下面简述一下在Windows中的流程：
1. 安装Node.js
本教程使用winget来安装，在比较新的Windows 10和Windows 11中有自带，使用体验约等于Ubuntu下的apt，强烈推荐。
winget install OpenJS.NodeJS2. 修改npm镜像源(可选、推荐)
默认的npm源在中国大陆使用体验可能比较差，所以推荐换一个国内的源，这里使用的是腾讯云。
npm config set registry https://mirrors.cloud.tencent.com/npm/3. 创建项目
这里会让你选择项目名、网站模板、是否创建git仓库，模板选择blog即可，样式可以参考本网站。创建git仓库建议直接选是。
npm create astro@latest4. 将项目托管到GitHub
4.1 创建GitHub仓库
访问 https://github.com/new 创建一个新仓库，可见性设置public，不要添加readme。
4.2 将本地仓库关联到GitHub
打开终端cd到项目根目录，使用以下命令，username和repository替换成实际用户名和仓库名
git remote add origin https://github.com/username/repository4.3 推送代码
git push5. 将GitHub仓库关联到Cloudflare Pages
访问 https://dash.cloudflare.com 并登录，登录后可以看到浏览器地址栏域名后多了一串id，再粘贴 /pages/new/provider/github 到地址栏，按enter直接跳转到pages创建页面，完整url示例：https://dash.cloudflare.com/9fuqrpojfiopjpeherheih/pages/new/provider/github 。首次访问需要关联GitHub账号和授权仓库，按提示操作即可，至少要授权用于部署的仓库，也可以直接选所有仓库。
关联后选择前面创建的仓库，点开始设置，到设置页面，框架预设选择Astro，然后点击保存并部署即可。部署完成后页面上会显示分配给这个网站的链接，地址栏输入即可访问，或者绑定自己的域名。详细教程参考：Cloudflare Pages部署
6. 写新文章
在src/content/blog下创建一个markdown文档就可以开始写了，写完提交和推送后Cloudflare Pages会自动拉取更新和部署，需要注意文章md文档头部要写文章信息，可以参考模板自带的几篇文章。
7. AI时代带来的改变
在AI Agent的加持下，你几乎不需要手动改代码，就可以把网站改成满意的样子，剩下的就是写文章了，选择Astro的最主要原因就是它的“高性能”，因为框架的其他差距如易用性在使用AI编程的基础上几乎没有区别，但是性能是框架本身决定的，所以我们选一个性能最好的，然后再选一个好看的模板，再其次是AI改起来更快的。