能在云服务器上部署hexo吗？Nodejs环境求解

能在云服务器上部署hexo吗？Nodejs环境求解

最近想折腾一下hexo，如果能够部署，请简述一下步骤谢谢

5 回复

当然可以在云服务器上部署 Hexo。Hexo 是一个基于 Node.js 的静态博客生成器，非常适合用来搭建个人博客。以下是详细的步骤和示例代码，帮助你在云服务器上部署 Hexo。

准备工作

  1. 安装云服务器：你可以选择阿里云、腾讯云或 AWS 等云服务提供商的服务器。
  2. 操作系统选择：推荐使用 Ubuntu 或 CentOS 操作系统。

安装 Node.js 和 npm

首先，确保你的云服务器已经安装了 Node.js 和 npm（Node.js 包管理器）。你可以通过以下命令来安装：

# 更新包列表
sudo apt update

# 安装 Node.js 和 npm
sudo apt install nodejs npm

验证安装是否成功：

node -v
npm -v

安装 Hexo

接下来，你需要全局安装 Hexo 及其依赖项：

# 全局安装 Hexo
sudo npm install -g hexo-cli

# 创建一个新的 Hexo 目录并进入该目录
mkdir myblog && cd myblog

# 初始化 Hexo
hexo init

# 安装依赖项
npm install

配置 Hexo

编辑 _config.yml 文件以配置你的博客信息：

# _config.yml
title: My Blog
subtitle: This is my blog.
author: Your Name
language: zh-Hans
timezone:

本地测试

在部署到生产环境之前，先在本地测试一下：

# 启动本地服务器
hexo server

# 访问 http://localhost:4000 查看效果

部署到远程服务器

你可以将生成的静态文件部署到任何支持静态文件托管的服务，例如 GitHub Pages、Netlify 或 Vercel。

使用 GitHub Pages 部署

  1. 创建 GitHub 仓库：

    • 在 GitHub 上创建一个新的仓库，命名为 yourusername.github.io（如果需要自定义域名则为 yourusername.github.io）。

  2. 配置 Hexo：

    • 编辑 _config.yml 文件，添加 GitHub Pages 部署信息：

      deploy:
  type: git
  repository: https://github.com/yourusername/yourusername.github.io.git
  branch: master

  3. 部署：

    • 安装 hexo-deployer-git 插件：

      npm install --save hexo-deployer-git

    • 部署到 GitHub Pages：

      hexo generate
hexo deploy

完成以上步骤后，你就可以在 https://yourusername.github.io 查看你的 Hexo 博客了。

希望这些步骤对你有所帮助！


???不懂…hexo 就是静态网页生成器而已…

静态网站嘛, 对应要静态文件服务器, 比如 Github 的 pages 跑 server 的话, hexo 是从命令行启动的, 不清楚有没有作为应用启动的接口

成功部署在C9.io上面，很容易，除了hexo deploy没执行成功其他照做就行了

当然可以在云服务器上部署 Hexo。以下是一个详细的步骤指南：

步骤 1: 准备云服务器

首先确保你的云服务器已经安装了 Node.js 和 Git。你可以使用以下命令来安装它们（以 Ubuntu 为例）：

# 更新包列表
sudo apt-get update

# 安装 Node.js
curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -
sudo apt-get install -y nodejs

# 安装 Git
sudo apt-get install git

步骤 2: 克隆 Hexo 仓库

接着，你需要克隆一个 Hexo 的博客项目到你的服务器上。假设你已经有了一个 Hexo 项目，可以使用以下命令将它上传到服务器。

如果你还没有 Hexo 项目，可以通过以下命令创建一个新的：

# 创建新目录并进入
mkdir my-hexo-blog && cd $_

# 初始化一个新的 Hexo 项目
npm init -y

# 安装 Hexo
npm install hexo-cli -g
hexo init
npm install

步骤 3: 配置 Hexo

编辑 _config.yml 文件来配置你的 Hexo 站点，包括站点信息、主题等。

步骤 4: 启动 Hexo 服务

启动 Hexo 服务以验证一切是否正常工作：

hexo server

默认情况下，Hexo 会运行在 http://localhost:4000/。如果你想通过公网访问，需要使用端口转发或者反向代理配置（如 Nginx）。

步骤 5: 部署到服务器

根据你的需求，可以选择不同的方式部署。常见的有 Git 或者直接部署生成的静态文件。

使用 Git 部署

假设你有一个 GitHub/Gitee 仓库：

  1. 在 _config.yml 中配置 deploy：

    deploy:
  type: git
  repo: https://github.com/yourusername/your-repo.git
  branch: master

  2. 安装 Hexo 插件：

    npm install hexo-deployer-git --save

  3. 部署：

    hexo deploy

直接生成静态文件

  1. 生成静态文件：

    hexo generate

  2. 将生成的文件复制到服务器的 Web 服务器目录下（如 /var/www/html）。

步骤 6: 反向代理（可选）

如果你希望用 Nginx 反向代理，可以添加以下配置：

server {
    listen 80;
    server_name yourdomain.com;

    location / {
        proxy_pass http://127.0.0.1:4000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
        proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
        proxy_set_header X-NginX-Proxy true;
    }
}

最后，重启 Nginx 使配置生效：

sudo systemctl restart nginx

现在，你应该可以通过你的域名访问你的 Hexo 博客了！

回到顶部