你已经完成了新服务器的初始化（参见：新服务器到手后要做什么？），接下来该开始真正的建站之旅了！
在这篇文章中，我们将以部署一个真实可用的静态个人主页为例，带你完整走一遍从 0 到上线的网站部署流程，使用的是简单高效的 Web 服务器 —— Caddy。
👉 点击查看《建站系列教程》文章目录
在《建站系列教程》系列文章中，我们将详细介绍如何从0到1搭建自己的网站。以下是该系列文章的全部内容：
为什么选择 Caddy？
- 自动获取 HTTPS 证书，无需手动配置
- 配置文件简单，易读易写
- 默认启用 HTTP/2、压缩等优化
- 支持多个网站和子域名，未来方便扩展
教程前提
- 你已经完成 VPS 初始化（设置用户、SSH 密钥、防火墙等）
- 系统是 Ubuntu 20.04 / 22.04
- 你已拥有一个域名（假设为 example.com），并正确解析到服务器公网 IP
步骤一：安装 Caddy
sudo apt install -y debian-keyring debian-archive-keyring apt-transport-https
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/gpg.key' | sudo gpg --dearmor -o /etc/apt/trusted.gpg.d/caddy.gpg
curl -1sLf 'https://dl.cloudsmith.io/public/caddy/stable/debian.deb.txt' | sudo tee /etc/apt/sources.list.d/caddy.list
sudo apt update
sudo apt install caddy -y
步骤二：准备网站文件
sudo mkdir -p /var/www/example.com
cd /var/www/example.com
我们提供一个简单的 HTML 模板，作为可直接使用的个人主页：
sudo nano index.html
粘贴以下内容：
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>我的个人主页</title>
<style>
body {
font-family: sans-serif;
max-width: 600px;
margin: 5em auto;
padding: 0 1em;
line-height: 1.6;
}
h1 {
color: #2c3e50;
}
a {
color: #3498db;
text-decoration: none;
}
</style>
</head>
<body>
<h1>你好，我是阿小信</h1>
<p>欢迎来到我的个人主页。</p>
<p>我是一名自由职业开发者，专注于网站开发与SEO优化。</p>
<p>你可以通过以下方式联系我：</p>
<ul>
<li>GitHub: <a href="https://github.com/axiaoxin">axiaoxin</a></li>
<li>邮箱：admin@axiaoxin.com</li>
<li>博客：blog.axiaoxin.com</li>
</ul>
</body>
</html>
保存并退出。
步骤三：配置域名解析
进入你的域名注册商后台，设置如下 DNS 记录：
| 类型 | 主机记录 | 值（指向 IP） |
|---|---|---|
| A | @ | VPS 的公网 IP |
| A | www | VPS 的公网 IP |
等待生效，可使用 https://dnschecker.org 检查。
参考阅读：为你的域名配置 DNS 解析，轻松绑定服务器 IP 实现网站访问
步骤四：配置 Caddyfile
打开配置文件：
sudo nano /etc/caddy/Caddyfile
修改为如下内容（将 example.com 替换为你自己的域名）：
example.com, www.example.com {
root * /var/www/example.com
file_server
# www 自动重定向到主域名（可选）
redir www.example.com https://example.com permanent
}
保存并退出，重启 Caddy：
sudo systemctl reload caddy
步骤五：开放 80 和 443 端口（如未设置）
如果你的服务器防火墙为开发 80 和 443 端口，需要设为开发
sudo ufw allow 80,443/tcp
步骤六：访问你的网站！
打开浏览器访问 https://example.com，看到你的个人主页成功上线！
附：如何上传文件或更新主页？
- 使用
scp传输：scp -P 你的SSH端口 ./index.html youruser@服务器IP:/var/www/example.com/index.html - 或者在服务器内使用
nano或vim编辑 HTML 文件。
下一步
你已经完成了个人网站的上线部署，接下来可以考虑：
- 使用 Caddy 的反向代理功能部署后端服务，相关阅读：使用 Caddy 在 VPS 上部署你的第一个后端服务（Golang 为例）
- 配合 Hugo/Hexo 等生成博客内容
- 将主页样式美化或接入访客统计
欢迎继续关注本站的 VPS 建站系列教程！
