东子个人博客

在Vercel上部署Hexo博客

  1. 1. 前言
  2. 2. 正文
    1. 2.1. 操作步骤
    2. 2.2. 与以前方式的不同
  3. 3. 后记

前言

使用Hexo等框架等搭建博客,除了加载速度快这一个优点,还有一个是,免去部署后端服务而使用虚拟主机/服务器的成本。这篇文章将主要介绍如何在Vercel上部署Hexo博客。除了Vercel,在Cloudflare Pages、Edgeone Pages上同样可以。

正文

操作步骤

首先,我们在Github上创建个仓库,然后把我们整个项目代码推上去。推上去后的仓库目录结构图大概如下图所示:
github
然后呢,我们打开Vercel,点击右上角登录,可以选择使用Github登录。

登录进来后,我们点击右上角Adds按钮,选择下面的Project
Vercel

然后,在左边会让我们选择要导入哪个仓库:
Vercel导入仓库

我们点击右边的import按钮,然后,我们会发现,它会识别出我们项目用的哪个框架

之后,我们点击下方的Deploy按钮部署即可,部署好后,大概如下图所示:

我们点击Domains旁边的加号按钮,添加我们自己的域名,然后做好DNS解析,我们就可以用自己的域名访问到了。

与以前方式的不同

前几年,我记着是用下面的命令,先生成静态页面然后再把生成的静态页面推到Github,利用Github Pages来放到公网。

hexo g && hexo d

而使用Vercel、Cloudflare Pages、Edgeone Pages等这些服务的时候,我们只用把整个项目代码推上去,这些服务会识别我们用的什么框架,然后自动帮我们构建,并把构建好的页面自动放在公网上,一定程度上,省去了些步骤。

后记

这篇文章到这里就结束了,感谢浏览,欢迎评论区讨论。