SSH卡10s？快速升级您的Hexo博客的便捷方法！

2024-02-15 11:02:58

序言

在现代快节奏的网络世界中，高效发布和维护个人或团队的博客至关重要。Hexo是一个受欢迎的静态博客生成器，以其简洁高效的特性吸引了众多用户。然而，在实际使用中，频繁的SSH登录和部署难题可能让您感到沮丧。为此，本文将介绍如何使用Webhook部署Hexo博客，从而摆脱手动部署的束缚。通过Webhook，您可以实现自动化发布，省去繁琐的步骤，提高工作效率。

何谓Webhook？

Webhook是一种轻量级的API，允许应用程序向其他应用程序发送数据。当某些事件发生时，Webhook会自动将数据从一个应用程序传递到另一个应用程序。在Hexo博客部署中，我们可以利用Webhook在代码库发生更改时触发部署过程，无需手动登录服务器进行部署。

Webhook部署Hexo博客的三大妙招

现在，让我们深入了解三种使用Webhook部署Hexo博客的常用方法。每种方法都具有不同的优势和适用场景，您可以根据自己的需求选择最合适的方法。

方案一：Github + Netlify + Hexo

Github是一个广受欢迎的代码托管平台，而Netlify是一个现代的持续集成平台。这两个平台的结合可以轻松实现Hexo博客的自动化部署。

准备工作
- 首先，您需要在Github上创建或选择一个已有的Hexo博客代码库。
- 其次，前往Netlify网站并注册一个免费账户。
连接Github和Netlify
- 登录Netlify并点击“New Site from Git”按钮。
- 选择Github作为代码源，并授权Netlify访问您的Github账户。
- 选择要部署的Hexo博客代码库并点击“Deploy site”按钮。
配置Hexo博客
- 在Hexo博客根目录下，找到_config.yml文件并打开它。
- 找到deploy部分并添加如下配置：

deploy:
  type: netlify

推送代码并部署
- 将您的Hexo博客代码推送到Github代码库中。
- Netlify将自动检测到代码库的更改并触发部署过程。
- 您的Hexo博客将在几分钟内部署到Netlify上，您可以在浏览器中访问它。

方案二：Gitlab + Gitlab CI/CD + Hexo

Gitlab是一个功能强大的代码托管平台，而Gitlab CI/CD是一个集成在Gitlab中的持续集成和持续交付工具。这种组合同样可以轻松实现Hexo博客的自动化部署。

准备工作
- 首先，您需要在Gitlab上创建或选择一个已有的Hexo博客代码库。
- 其次，启用Gitlab CI/CD功能。
创建.gitlab-ci.yml文件
- 在Hexo博客根目录下，创建一个名为.gitlab-ci.yml的文件并添加如下配置：

image: node:16-buster

stages:
  - build
  - deploy

build:
  stage: build
  script:
    - npm install
    - npm run generate

deploy:
  stage: deploy
  script:
    - mkdir public
    - cp -r public/* /home/git/public

推送代码并部署
- 将您的Hexo博客代码推送到Gitlab代码库中。
- Gitlab CI/CD将自动检测到代码库的更改并触发部署过程。
- 您的Hexo博客将在几分钟内部署到Gitlab Pages上，您可以在浏览器中访问它。

方案三：Hexo + Vercel

Hexo是一个静态博客生成器，而Vercel是一个现代的无服务器平台。两者结合可以实现Hexo博客的快速部署。

准备工作
- 首先，您需要在Vercel上创建一个免费账户。
导入Hexo博客
- 登录Vercel并点击“New Project”按钮。
- 选择“Import Project”选项并选择Hexo博客的代码库。
- Vercel将自动导入您的Hexo博客代码。
部署Hexo博客
- 点击“Deploy”按钮开始部署过程。
- Vercel将在几分钟内完成部署，您可以在浏览器中访问您的Hexo博客。