如何用Hexo部署到VPS并轻松迁移项目？

Hexo 是一款非常流行的静态网站生成框架，它结合了Gatsby和Jest的优点，能够快速构建高性能的网站，如果你有Hexo项目，可能需要将它部署到服务器上以便发布，如何在VPS上部署Hexo呢？如果之后需要换电脑，又该如何迁移Hexo项目到新的VPS呢？下面,我将为你详细讲解这个过程。

Hexo在VPS上的部署

安装Hexo

你需要确保你的VPS已经安装了Hexo，Hexo是一个基于Node.js的框架，因此你需要确保你的VPS上有Node.js环境。

安装Hexo的命令很简单：

npm install hexo

安装完成后，Hexo将被安装到/usr/local/bin目录下。

配置Hexo

在Hexo安装完成后，我们需要配置它，Hexo的配置文件位于/var/www/html/hexoConfig.js，如果你的VPS使用的是云服务器（比如AWS、Vultr、DigitalOcean等）,你需要在虚拟机的控制台中配置Hexo。

配置Hexo的命令如下：

var options = {
  base: 100000, // 生成的静态文件大小限制
  cache: {
    duration: 3600000 // 360万秒，相当于100天
  }
};
var hexo = require('./hexo');
hexo.config({ config: options });

将这段代码保存为hexoConfig.js文件，然后上传到VPS的/var/www/html目录下。

部署Hexo

部署Hexo的命令很简单：

hexo deploy

这个命令会生成一个public目录，并在public/index.html中创建一个静态网站,Hexo会自动将静态文件发布到VPS的HTTP端口。

配置HTTP

如果你的VPS没有配置HTTP服务,你需要先安装Nginx：

sudo apt-get install nginx
sudo systemctl enable nginx
sudo systemctl restart nginx

配置Nginx：

location / {
  root /var/www/html;
  index index.html;
}

运行Nginx：

sudo systemctl start nginx
sudo systemctl enable nginx

你的Hexo项目已经成功部署到VPS上了。

Hexo项目的迁移

在部署完Hexo项目后，如果你需要换电脑，可能需要将Hexo项目迁移到新的VPS上，下面,我将教你如何迁移Hexo项目。

备份项目

在迁移项目之前，你需要先备份项目，Hexo的项目由配置文件、代码和生成的静态文件组成,你可以将项目的所有内容备份到本地硬盘或云存储。

移动配置文件

Hexo的配置文件位于/var/www/html/hexoConfig.js,你需要将这个文件移动到新的VPS上。

删除旧VPS上的Hexo缓存

在迁移过程中，旧VPS上的Hexo缓存可能会被Hexo清除,你需要删除旧VPS上的Hexo缓存。

sudo rm -rf /var/www/html/hexo_cache
sudo rm -rf /var/www/html/hexo_cache/.hexo

在新VPS上重新部署Hexo

在新VPS上,你需要重新安装Hexo并配置它。

安装Hexo：

npm install hexo

配置Hexo：

var options = {
  base: 100000,
  cache: {
    duration: 3600000
  }
};
var hexo = require('./hexo');
hexo.config({ config: options });

将这段代码保存为hexoConfig.js文件，然后上传到新VPS的/var/www/html目录下。

配置HTTP

在新VPS上,你需要重新配置Nginx：

location / {
  root /var/www/html;
  index index.html;
}

运行Nginx：

sudo systemctl start nginx
sudo systemctl enable nginx

上传静态文件

在新VPS上，你需要上传Hexo生成的静态文件，你可以使用ngrok来生成一个隧道,方便你通过互联网访问Hexo项目。

ngrok http http://localhost:3000

ngrok会生成一个像http://xxx-xxx-xxx-xxx.ngrok.io这样的地址,你可以通过这个地址访问Hexo项目。

测试Hexo项目

你可以在新VPS上测试Hexo项目，进入http://localhost:3000,你应该能看到你的Hexo网站。

部署Hexo到VPS并迁移项目可能看起来有点复杂，但只要按照上述步骤操作，你就可以轻松完成这个过程，Hexo是一个非常灵活的静态网站生成框架，适合用于个人博客、个人项目等场景，如果你需要将Hexo项目迁移到新的VPS上，只需要按照上述步骤操作,就可以轻松完成迁移。

在迁移过程中，你需要注意备份项目、删除旧VPS上的Hexo缓存，并确保新VPS上的配置与旧VPS上的配置一致，如果你使用云服务器,还需要确保云服务器的网络设置允许Hexo访问互联网。

希望这篇文章能帮助你顺利部署和迁移Hexo项目，如果你有任何问题，欢迎在评论区留言,我会尽力帮助你解决问题。