VPS 安装 Hexo，静态网站开发的高效选择

随着互联网的快速发展，静态网站已经成为现代互联网应用的重要组成部分，Hexo 是一款基于 JavaScript 和 Node.js 的静态网站生成框架，以其高效、快速的开发体验和强大的功能而受到开发者们的青睐，如果你正在考虑使用 VPS 作为服务器来运行 Hexo 项目，那么这篇文章将 guides 你如何在 VPS 上成功安装和配置 Hexo。

---

安装准备

在开始安装 Hexo 之前，你需要确保你的 VPS 满足以下基本要求：

1. 硬件配置
   VPS 通常需要至少 2GB 的 RAM 和 5GB 的可用磁盘空间，如果你的 VPS 提供了更高配置，8GB RAM 和 20GB 磁盘空间，那么安装 Hexo 将更加流畅。

2. 操作系统
   VPS 通常运行 CentOS、Ubuntu 或者 RHEL 等Linux-based 操作系统，Hexo 支持多种操作系统，但以 CentOS 和 Ubuntu 为例,安装过程会更加简单。

3. 必要软件

   • Node.js：Hexo 是基于 Node.js 的，因此你需要安装 Node.js 和 npm（Node Package Manager）。
   • Yarn：Hexo 提供了基于 Yarn 的运行方式，Yarn 是 Node.js 的替代品，适合需要多版本控制的项目。
   • HTTP 服务器：安装完成后，你需要一个 HTTP 服务器（如 Nginx、Apache 或 Lighttpd）来监听 Hexo 的端点。

---

安装 Hexo

安装 Hexo 的过程分为几个步骤,简单而直观。

安装 Node.js 和 npm

访问以下 URL，下载并安装 Node.js：
https://nodejs.org/
安装完成后，打开终端并运行以下命令：

npm install -g

安装 Yarn

Yarn 是 Node.js 的替代品，适合需要多版本控制的项目，安装 Yarn：

yarn install -g

安装 Hexo

现在你可以开始安装 Hexo 了，运行以下命令：

hexo install

安装完成后，Hexo 将创建一个 hexo 目录，其中包含 Hexo 的代码和文档。

---

配置开发环境

在安装 Hexo 之后，你需要配置开发环境,以便区分开发环境和生产环境。

设置 NPM 和 Yarn 配置文件

在 Hexo 的 hexo 目录下，创建一个 config 文件：

touch hexo/config.json

在 config.json 中添加以下内容：

{
  "npm": {
    "install": "production",
    "lock": true
  },
  "yarn": {
    "install": "development"
  }
}

这个配置文件告诉 Hexo 在安装时使用不同的版本模式：

• npm：使用生产模式安装，以确保项目在生产环境中的稳定性。
• yarn：使用开发模式安装,以允许轻松切换版本和修复bug。

设置 NPM 和 Yarn 的配置文件

为了确保 NPM 和 Yarn 在开发环境中正确配置，你需要在 VPS 的根目录下创建一个 .npx-rails 和 .yarn 文件：

touch .npx-rails
touch .yarn

在 .npx-rails 文件中添加以下内容：

# 禁用 Rails 的缓存  
 rails cache: false  

在 .yarn 文件中添加以下内容：

# 设置 Yarn 的工作目录  
 yarn.work_dir = /usr/local/bin/yarn

---

调试和优化

安装 Hexo 之后,你可以开始编写和调试你的静态网站了。

使用 Hexo CLI

Hexo 提供了一个命令行界面（Hexo CLI），可以快速生成和部署静态网站。
运行以下命令启动 Hexo CLI：

hexo dev

在命令行界面中，你可以使用以下命令进行开发：

• hexo new：创建新的静态网站项目。
• hexo s：生成静态网站。
• hexo serve：启动静态网站服务器。

使用浏览器调试

Hexo 支持浏览器调试，你可以通过浏览器的开发者工具快速定位问题。
启动浏览器调试：

hexo serve dev

在浏览器中，你可以使用 F12 打开开发者工具，并查看网络请求、元素和控制台日志。

优化代码

Hexo 提供了多种优化工具，可以帮助你提升网站的性能。

• 使用 hexo optimize 命令优化代码：

  hexo optimize -f

• 使用浏览器的开发者工具优化代码：
  • 打开开发者工具（F12）。
  • 找到要优化的脚本，右键点击代码，选择“优化代码”。
  • 在浏览器中重新加载页面。

---

安全配置

在运行 Hexo 项目时,安全配置非常重要。

启用 SSL 证书

Hexo 提供了 SSL 证书的默认配置，可以确保你的网站在HTTPS协议下安全连接。
运行以下命令启用 SSL：

hexo config set --global https

设置安全头

在 Hexo 的 hexo/config.json 中添加以下内容：

{
  "https": {
    "schemes": ["https"],
    "server cert": "${/etc/ssl/certs/ca-bundle.crt}",
    "client cert": "${/etc/ssl/certs/ca-bundle.crt}"
  }
}

限制访问权限

Hexo 项目通常运行在 VPS 的 root 目录下，为了限制访问权限，可以执行以下命令：

chown -R www-data:www-data hexo
chown -R www-data:www-data /var/www/html

防止 SQL 注入和 XSS 攻击

Hexo 提供了多种安全头和过滤器，可以防止 SQL 注入和 XSS 攻击。
在 Hexo 的 hexo/config.json 中添加以下内容：

{
  "security": {
    "filter": {
      "xss": true,
      "xss safe": true,
      "xss safe attributes": true
    },
    "sql": {
      "sql safe": true,
      "sql safe attributes": true
    }
  }
}

---

安装 Hexo 在 VPS 上是一个简单而高效的过程，通过配置开发环境、优化代码和加强安全配置，你可以轻松地在 VPS 上运行一个快速、稳定且安全的静态网站。

如果你有任何问题或需要进一步的帮助,欢迎在知乎上与我交流！