如何部署一个静态网站
网站类别说明
- 静态，静态网站没有后端，不能登录，不存储用户数据（或者只能存到浏览器缓存）
- 动态，有后端， 可以登录注册， 可以存储用户数据， 做支付等。
动态网站的列表涉及到后端语言对应的环境， 例如 Java， PHP，Go，Python， 不同的语言环境要求各不相同，又稍微麻烦点。今天我们主要讲下静态网站的部署。
准备材料
- 一个服务器（2 核 2G 以上）阿里云 华为云 腾讯云
- 一个已备案的域名（或二级域名） a1soft.top www.a1soft.top. dev.a1soft.top
- 确保你的域名已经DNS 解析到了你的服务器 （在你的域名注册的地方， 可以用 ping 命令检查）
开始部署
- 环境搭建， 可以自己搭环境，也可以用集成的环境， （例如宝塔，AMH)， 推荐用宝塔 ，下载地址 宝塔服务器面板，一键全能部署及管理 https://www.bt.cn/u/gXI64R
- 创建一个登录宝塔后台， 点击“网站”，选择 PHP 项目， 点击 “添加站点”
根据图片中的提示输入你的 域名或者二级域名，其他的不用管
3. 设置 SSL （这一步可选，如果没有设置的话，浏览器地址栏框会有一个安全提示，不过也不影响使用）
4. 点击进入网站代码目录
5. 点击上传， 上传你的代码文件， 如果是存静态 HTML 文件， 直接上传即可，多个文件建议打包。
如果是 vue+vite 项目，上传你的 dist 目录（压缩为 zip，上传后解压）。(npm run build)
用 Cursor 或者 Claude Code 生成时，建议在指令中明确使用的技术栈， 例如“帮我做一个待办事项软件，使用vue+vite实现”， 或者“帮我做一个待办事项软件，使用纯HTML实现”， 建议较复杂的软件都使用 Vue +vite 便于后期管理。
演示
下面给大家演示一下。从用 Claude Code 生成静态站点，到部署全流程。