VPS服务器搭建静态网站：Hugo/Jekyll生成+Nginx部署全流程

在数字化浪潮下，搭建个人网站成了不少人的小目标。借助VPS服务器部署静态站点，既能控制成本，又能保证效率，是性价比很高的选择。本文将详细讲解如何用Hugo或Jekyll生成静态网站，并通过Nginx在VPS服务器上完成部署的全流程。

前期准备：工具与环境

要完成整个搭建过程，需提前准备两样核心资源：一是已购买的VPS服务器（建议选择内存≥1GB、系统为Ubuntu 20.04+的基础配置），确保已更新系统并开放80端口；二是本地电脑需安装静态网站生成工具——Hugo或Jekyll。

安装生成工具：Hugo与Jekyll

Hugo是用Go语言开发的快速静态网站生成器，安装简单。以Ubuntu系统本地电脑为例，打开终端输入命令：

sudo apt-get install hugo

若选择Jekyll（基于Ruby的经典静态网站生成工具），需先安装Ruby和RubyGems，再执行：

gem install jekyll bundler

生成静态网站：Hugo与Jekyll操作对比

Hugo：快速生成的选择

在本地终端输入命令创建新站点：

hugo new site myblog

进入站点目录后，需添加主题（以Ananke主题为例）：

cd myblog
git clone https://github.com/budparr/gohugo-theme-ananke.git themes/ananke

修改`config.toml`文件，将`theme = "ananke"`写入配置。创建首篇文章：

hugo new posts/first-post.md

编辑文章内容后，执行`hugo`命令生成静态文件，所有输出会存放在`public`目录下。

Jekyll：经典稳定的方案

Jekyll的创建命令更直接：

jekyll new myblog

进入目录后，文章需存放在`_posts`文件夹，文件名格式必须为`YYYY-MM-DD-标题.md`。编辑完内容后，用以下命令生成静态文件：

bundle exec jekyll build

生成的站点文件会保存在`_site`目录中。

Nginx部署：从本地到VPS的关键一步

安装并启动Nginx

登录VPS服务器，通过命令安装Nginx：

sudo apt-get install nginx

启动服务并设置开机自启：

sudo systemctl start nginx
sudo systemctl enable nginx

上传文件与配置Nginx

用`scp`命令将本地生成的静态文件上传至服务器。以Hugo的`public`目录为例：

scp -r public/* 服务器用户名@服务器IP:/var/www/html

上传完成后，修改Nginx配置文件`/etc/nginx/sites-available/default`，将`root`参数指向网站目录（如`/var/www/html`）。保存后重载配置：

sudo systemctl reload nginx

测试与验收：访问你的网站

在浏览器输入VPS服务器的公网IP，若看到预设的页面内容，说明部署成功。若遇到404错误，可检查文件上传路径是否正确；若提示连接超时，需确认服务器防火墙已放行80端口。

通过这套流程，你能用VPS服务器快速搭建一个稳定、高效的静态网站。无论是选择Hugo的极速生成，还是Jekyll的经典稳定，核心逻辑都是通过VPS服务器提供可靠的站点托管，让你专注于内容创作而非技术调试。