Published on

构建数字基座：从零到一的个人站点部署指南

Authors

在这个信息被各大平台切割成碎片的时代，拥有一个完全属于自己的个人站点，就像是在喧嚣的赛博空间中建立了一座极简、静默的数字基座。

这篇文章将剥离复杂的底层原理，带你走完一段“造物”的旅程：从云端购买算力，到让全世界通过域名访问你的思想。

🛠️ 造物前置准备

在开始构建我们的数字基座之前，你需要准备以下工具与认知：

必需工具：

  1. 一台电脑：Windows 或 macOS 均可。
  2. SSH 连接工具：用于远程连接服务器的终端。Mac 自带 Terminal，Windows 推荐使用 FinalShell（自带文件拖拽上传，极其适合新手）或自带的 PowerShell。
  3. 一个代码编辑器：推荐 VS Code，用于在本地编写和修改代码。

所需知识（无需精通，了解即可）：

  • 基础的命令行思维：知道计算机是可以不用鼠标，仅通过输入一行行文本指令来控制的。
  • Web 运行的基本逻辑：你的电脑（本地）负责“制造”网页文件，云服务器（远端）负责 24 小时“存放”并向全世界分发这些文件。

阶段一：购置基座的物理载体（服务器与域名）

网络空间里的每一寸土地，都需要物理算力的支撑。

1. 租用云服务器 (VPS)

服务器就是一台 24 小时不关机、永远连接高速互联网的电脑。

  • 推荐平台：阿里云、腾讯云等。
  • 配置建议：对于纯静态的个人博客，最基础的 1核 2G 配置已经完全性能过剩。
  • 系统选择：强烈推荐选择 Ubuntu 22.04 或以上版本。它是开源界最稳定、文档最丰富的底层操作系统。

2. 购买域名

域名就是你基座的“门牌号”（如 digital-base.com），它能让人免于记忆枯燥的 IP 地址。

  • 在同一个云服务商处搜索并购买一个你喜欢的域名即可。

阶段二：打通连接云端的通道 (SSH 远程连接)

购买服务器后，你会获得一个 公网 IP 和一个初始密码。我们需要通过 SSH 协议，以最高权限（root）接管这台机器。

打开你的本地终端（或 FinalShell），输入以下指令连接服务器：

ssh root@你的服务器公网IP

首次连接会提示安全警告，输入 yes，然后输入你的服务器密码即可登入。此刻，你已经拥有了对云端主机的绝对控制权。

阶段三：获取合法身份 (域名备案)

如果你的服务器位于中国大陆节点，必须完成工信部备案，否则域名请求会被云厂商的防火墙直接拦截。

  1. 进入云服务商的备案系统。
  2. 按照流程提交身份证、人脸核验及网站基本信息。
  3. 等待期：通常需要 7-15 天。在这段静默期内，不要焦虑，你可以利用公网 IP 直接访问服务器，在本地继续打磨你的前端代码。

阶段四：产物降维与部署 (上传文件)

现代前端工程（如 Next.js 静态导出）的最佳实践是：不在服务器上进行消耗内存的编译，只将打包好的纯静态文件发往云端。

本地构建：在你的电脑上运行打包命令（如 yarn build），生成一个包含纯 HTML/CSS/JS 的文件夹（通常名为 out 或 dist）。

传输产物：

  1. 小白方案：通过 FinalShell 的可视化界面，直接将 out 文件夹拖拽到服务器的 /var/www/ 目录下。
  2. 极客方案：在本地终端使用 scp 极速加密传输命令：
scp -r ./out root@你的服务器公网IP:/var/www/你的项目名

阶段五：配置互联网的“门卫” (Nginx 解析)

文件已经躺在服务器的硬盘里了，现在我们需要配置一个名为 Nginx 的高性能 Web 服务器，让它把文件精准地分发给访问者。

1. 安装 Nginx

在服务器终端中执行：

apt update
apt install nginx -y

2. 注入路由规则

创建一个属于你站点的配置文件：

nano /etc/nginx/conf.d/my-website.conf

写入以下极简且高效的配置：

server {
    listen 80;
    server_name 你的域名.com www.你的域名.com;

    # 指向你刚刚上传的文件夹的绝对路径
    root /var/www/你的项目名;
    index index.html;

    # 路由回退机制，完美支持单页应用(SPA)
    location / {
        try_files $uri $uri.html $uri/ =404;
    }
}

保存并退出后，重载 Nginx 使其生效：

nginx -t
systemctl reload nginx

阶段六：DNS 解析 (连接域名与 IP)

最后一步，我们需要在云解析控制台中，把抽象的域名和具体的服务器 IP 绑定起来。

  1. 进入云解析 DNS 控制台。
  2. 添加两条 A 记录：
    • 主机记录填 @，记录值填 你的服务器公网IP。
    • 主机记录填 www，记录值填 你的服务器公网IP。

结语

当备案通过的短信亮起，你在浏览器地址栏敲下域名的那一刻，属于你的数字基座就正式在赛博空间中启动了。这片领地没有算法推荐的裹挟，没有信息流的喧嚣，只有最纯粹的代码与思想的流转。

欢迎来到你的新世界。

Discuss on Twitter • View on GitHub