关于本站点

本站点是一个纯静态网站演示项目（HTML + CSS + 原生 JS），用于配合 Cloudflare Pages 部署教程使用。双击 index.html 即可在本地浏览器预览，无任何依赖。

方式一：Direct Upload 直接上传

  1. 登录 Cloudflare Dashboard，进入 Pages 页面。
  2. 点击「Create a project」→「Direct Upload」。
  3. 为项目命名，拖入或选择项目文件夹。
  4. 点击「Deploy site」，等待上传完成即可访问。

适用场景：快速预览、个人作品集、无版本管理需求的小项目。

方式二：GitHub 仓库集成

  1. 将本项目推送到 GitHub 仓库。
  2. 在 Cloudflare Pages 点击「Create a project」→「Connect to Git」。
  3. 授权并选择对应仓库。
  4. 配置构建命令与输出目录（纯静态站点构建命令留空，输出目录填 .）。
  5. 点击「Save and Deploy」，后续每次 push 将自动触发部署。

适用场景：团队协作、持续部署、需要预览分支的项目。

项目结构

static-site-demo/
├── index.html
├── about.html
├── css/
│   └── style.css
├── js/
│   └── main.js
└── images/
    └── demo.svg