前言

在互联网上拥有一个属于自己的个人网站，是一件很酷的事情。它不只是一个展示自己的窗口，更是一个完全属于你自己的数字空间——你可以在这里放任何想放的东西，不用受任何平台的限制。

很多人觉得搭建个人网站很难，需要懂编程、懂服务器。但实际上，随着各种云服务的发展，现在搭建一个个人网站已经变得非常简单了，全程不需要写一行代码，不需要自己买服务器，甚至不需要花一分钱。

这篇文章会手把手带你从零开始，搭建一个属于你自己的个人网站。

准备工作

在开始之前，你需要准备以下几样东西：

  • 一个域名（比如我的是 chenzan.me）
  • 一个 Vercel 账号（免费注册）
  • 一个简单的 HTML 页面（可以用模板）
  • 半小时的空闲时间

关于域名的选择

域名是别人访问你网站的地址，建议选择一个好记、有个人特色的域名。常见的后缀有 .com、.me、.io、.dev 等。

我个人比较推荐 .me 后缀，因为它本身就有"我"的含义，非常适合做个人网站，而且价格也不贵，一年大概几十块钱。

域名可以在阿里云、腾讯云、Namecheap 等平台注册，选一个你用着顺手的就行。

第一步：写一个简单的网页

网站的本质就是一堆 HTML 文件。我们先写一个最简单的个人主页。

在电脑上新建一个文件夹，比如叫 my-website，然后在里面新建一个文件叫 index.html，用记事本或者任何文本编辑器打开，把下面的代码复制进去：

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的个人网站</title>
</head>
<body>
    <h1>你好，我是 XXX</h1>
    <p>欢迎来到我的个人网站！</p>
    <p>邮箱：hi@example.com</p>
</body>
</html>

保存文件后，双击这个 index.html，就能在浏览器里看到效果了。当然，这个页面很简陋，你可以后续慢慢美化它，或者网上找一些好看的个人主页模板。

第二步：部署到 Vercel

现在网页只在你自己的电脑上，别人看不到。我们需要把它部署到网上。这里推荐用 Vercel，它是一个免费的静态网站托管平台，操作非常简单。

注册 Vercel 账号

打开 vercel.com，用邮箱或者 GitHub 账号注册登录。

上传网站

  1. 登录后，点右上角的 Add New... → 选 Project
  2. 在 Deploy 页面，直接把你刚才写的 index.html 拖到上传区域
  3. 项目名随便填一个，点 Deploy
  4. 等几秒钟，部署完成！会给你一个临时域名，类似 xxx.vercel.app

现在访问这个临时域名，就能看到你的网站了！但这还不够，我们要绑定自己的域名。

第三步：绑定自己的域名

在 Vercel 添加域名

  1. 进入你的项目，点顶部的 Settings → 左侧 Domains
  2. 输入你的域名，比如 chenzan.me，点 Add
  3. 再输入 www.chenzan.me，点 Add
  4. Vercel 会显示需要配置的 DNS 记录，把这些记录记下来

在域名注册商配置 DNS

去你注册域名的平台（比如阿里云），找到域名的 DNS 解析设置，添加 Vercel 给你的记录。一般是这样的：

记录类型 主机记录 记录值
A @ Vercel 给的 IP 地址
CNAME www Vercel 给的 CNAME 地址

注意：不同时期 Vercel 给的 IP 地址可能不一样，一定要以你 Vercel 后台显示的为准，不要直接抄网上的旧教程。

等待生效

DNS 配置修改后，需要一点时间才能生效，一般是几分钟到半小时不等。生效后，Vercel 后台的域名状态会变成绿色，并且自动签发免费的 HTTPS 证书。

现在访问 https://你的域名，就能看到你的个人网站了！🎉

进阶：配置自定义邮箱

有了自己的域名，你还可以拥有一个自定义邮箱，比如 hi@你的域名，比普通的 QQ 邮箱、163 邮箱专业多了。

这里推荐用 Cloudflare Email Routing，完全免费，可以把发到自定义邮箱的邮件自动转发到你的常用邮箱（QQ、163、Gmail 都行）。

大致步骤是：

  1. 把域名的 DNS 托管到 Cloudflare（修改 nameserver）
  2. 在 Cloudflare 开启 Email Routing
  3. 添加自定义邮箱地址，设置转发到你的常用邮箱
  4. 验证常用邮箱，完成！

具体步骤我会在后续的文章里详细写，这里就不展开了。

总结

回顾一下，搭建一个个人网站只需要三步：

  1. 写一个网页：一个简单的 HTML 文件就行
  2. 部署到 Vercel：拖拽上传，几秒钟搞定
  3. 绑定自己的域名：配置 DNS 记录，等待生效

整个过程不需要买服务器，不需要懂编程，甚至不需要花钱（域名费除外，一年几十块）。如果你也想拥有一个自己的个人网站，不妨动手试试吧！

如果在搭建过程中遇到问题，欢迎通过邮箱联系我，我会尽力解答。