在 VPS 服务器上部署你的第一个网站教程（基于 Ubuntu + Caddy）

在 VPS 服务器上部署你的第一个网站教程（基于 Ubuntu + Caddy）
这篇文章介绍了如何使用Caddy服务器部署一个静态个人主页。从安装Caddy到配置域名解析和防火墙设置，详细指导了从初始化到上线的完整流程，并提供了HTTPS支持和后续扩展建议。 2025-6-5 09:0:21 Author: blog.axiaoxin.com(查看原文) 阅读量:1 收藏

你已经完成了新服务器的初始化（参见：新服务器到手后要做什么？），接下来该开始真正的建站之旅了！

在这篇文章中，我们将以部署一个真实可用的静态个人主页为例，带你完整走一遍从 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 模板，作为可直接使用的个人主页：

粘贴以下内容：

<!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>邮箱：[email protected]</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 建站系列教程！

文章来源: https://blog.axiaoxin.com/post/deploy-your-first-website-on-vps/
如有侵权请联系:admin#unsafe.sh