【个人博客】Cloudflare从零搭建一个属于自己的博客

编辑部 2026-05-21T00:23:57.786156 48135 阅读 tech

需要一个域名喔。如果自己不想提供的话，cf的dev域名也是可以的。所以可以做到零成本。第一步：使用 Astro 搭建一个博客框架，并创建仓库检查配置！Astro 现在要求 Node.js v22.12.0 或更高版本 node -v npm -v git --version 创建 Astro ...

需要一个域名喔。如果自己不想提供的话，cf的dev域名也是可以的。所以可以做到零成本。

第一步：使用 Astro 搭建一个博客框架，并创建仓库

检查配置

！Astro 现在要求 Node.js v22.12.0 或更高版本

node -v
npm -v
git --version

创建 Astro 博客项目

使用npm create astro:

npm create astro@latest

将会交互式创建博客。

也有其他方式，可以自己了解一下。

PS E:\Project\Melosyne_Blog\新建文件夹> npm create astro@latest

> npx
> create-astro
 astro   Launch sequence initiated.

   dir   Where should we create your new project?
         ./myblog

  tmpl   How would you like to start your new project?
         Use blog template

  deps   Install dependencies?
         Yes

   git   Initialize a new git repository?
         Yes

 ██████  Project initializing...
         ■ Template copied
         ▶ Dependencies installing with npm...
         □ Git

创建完毕后，将会得到完整的博客模板项目，且附带git。

创建 Github 仓库，并推送博客项目到仓库

这个就不再多说了。

创建 Github 仓库，并推送博客项目到仓库

推送即可，无需其他操作