Hello World:这个网站是怎么搭起来的

这是本站的第一篇博客。简单记录一下这个网站的技术选型和搭建过程。

技术栈

• 前端:纯手写 HTML/CSS/JS,单文件,零框架零构建
• 托管:Cloudflare Pages,免费、全球 CDN、自动 HTTPS
• 后端:Pages Functions(就是放在 functions/ 目录下的 JS 文件)
• 数据库:Cloudflare D1(基于 SQLite)

为什么这么选

个人网站最大的敌人是"维护成本"。用框架意味着依赖升级、构建工具链、node_modules 黑洞;自建服务器意味着续费、打补丁、被扫描攻击。

而这套方案:改完 HTML 一条命令部署,没有构建步骤,没有服务器,流量在免费额度内(每天 10 万次请求)完全零成本。

目录结构

pi-demo/
├── public/            # 静态文件
│   ├── index.html     # 主页
│   └── blog/          # 博客文章
├── functions/api/     # 后端 API
│   ├── messages.js    # 留言板
│   └── visit.js       # 访问统计
├── schema.sql         # D1 建表
└── wrangler.toml      # Cloudflare 配置

部署

npm run deploy   # 就这一条

如果你也想搭一个,整个项目没有任何秘密——照着这个结构抄就行。有问题欢迎到留言板交流。