你已经完成了新服务器的初始化（参见：

新服务器到手后要做什么？

），接下来该开始真正的建站之旅了！

在这篇文章中，我们将以部署一个真实可用的静态个人主页为例，带你完整走一遍从 0 到上线的网站部署流程，使用的是简单高效的 Web 服务器 —— Caddy。

👉 点击查看《建站系列教程》文章目录在《建站系列教程》系列文章中，我们将详细介绍如何从0到1搭建自己的网站。以下是该系列文章的全部内容：

如何在 Dynadot 上购买域名（完整图文教程）如何正确选择服务器节点？国内外VPS/云服务器推荐与选择指南：独立开发建站必读国外云服务器购买教程：如何在CLAWCLOUD上购买VPS？新手必看：VPS 新服务器到手后该做什么？完整初始化配置教程国外域名如何解析到服务器？Dynadot DNS 设置+Cloudflare 加速全攻略在 VPS 服务器上部署你的第一个网站教程（基于 Ubuntu + Caddy）使用Caddy在VPS服务器上部署免费版HTTPS的后端服务（Golang为例）为你的个人网站接入免费的访客统计分析与用户行为追踪（Google Analytics/Mirosoft Clarity/Cloudflare Web Analytics）为什么选择 Caddy？自动获取 HTTPS 证书，无需手动配置配置文件简单，易读易写默认启用 HTTP/2、压缩等优化支持多个网站和子域名，未来方便扩展教程前提你已经完成 VPS 初始化（设置用户、SSH 密钥、防火墙等）系统是 Ubuntu 20.04 / 22.04你已拥有一个域名（假设为 example.com），并正确解析到服务器公网 IP步骤一：安装 Caddysudo 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

粘贴以下内容：

你好，我是阿小信

欢迎来到我的个人主页。

我是一名自由职业开发者，专注于网站开发与SEO优化。

你可以通过以下方式联系我：

• GitHub: axiaoxin
• 邮箱：admin@axiaoxin.com
• 博客：blog.axiaoxin.com

保存并退出。

步骤三：配置域名解析进入你的域名注册商后台，设置如下 DNS 记录：

类型主机记录值（指向 IP）A@VPS 的公网 IPAwwwVPS 的公网 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 建站系列教程！

版权声明未经授权，禁止转载本站文章。如需转载必须保留原文链接并注明出处。只要保留链接并注明出处，即视为默认获得授权。未注明出处或删除链接将视为侵权，必追究法律责任！

本文原文链接：https://blog.axiaoxin.com/post/deploy-your-first-website-on-vps/