Cloudflare一键部署博客

UF42025/7/26大约 2 分钟博客Cloudflare

Frontmatter

使用Windows系统，使用Cloudflare进行部署分发，使用GitHub进行版本控制。

部署流程

1.克隆仓库

找个空文件夹，并进入该文件夹，执行以下命令克隆仓库。

git clone https://github.com/uxiaohan/vhAstro-Theme.git

配置说明
修改前请参考：vhAstro主题配置文档
暂不执行 npm install

克隆之后进入到vhAstro-Theme\src\config.ts,按照里面的注释将所有的配置都改为适合自己的需求。
不需要的配置为false，字符串的话就保持空字符串即可。
侧边个人网站不要要的话就注释掉。
删除掉src\contenet\blog中的所有文件，这样的话就不会有文章，当然你如果需要预览样式的话，也可以不删除

重要的最后一点:先删掉package-lock.json锁文件，在package.json中找到overrides，改为这样

"overrides": {
  "yaml": "2.7.1",
  "cosmiconfig": { "yaml": "2.7.1" },
  "cssnano": { "yaml": "2.7.1" },
  "postcss-load-config": { "yaml": "2.7.1" }
}

接着根目录创建 .npmrc 文件：

shamefully-hoist=true
save-exact=true

2.本地预览

接着

npm install
pnpm dev

然后会输出类似的内容：

> vhastro@0.0.1 dev E:\vhAstro-Theme
> rmdir /s /q .astro && astro dev

21:37:50 [types] Generated 1ms
21:37:51 [content] Syncing content
21:37:52 [content] Synced content

 astro  v5.6.1 ready in 2354 ms

┃ Local    http://localhost:4321/
┃ Network  http://192.168.1.4:4321/
...