在vercel上部署hexo框架的博客
发表于:2024-03-03 | 分类: 前端

在vercel上部署hexo框架的博客

本地部署

安装Git、Node.js

Git的安装有多种方式,本文不展开讲。我使用的是GitHub Desktop,在windows和mac上均可下载使用。Node.js可以去官网下载相应安装包

使用npm安装hexo

1
npm install -g hexo-cli

创建网站

1
hexo init [folder]

生成静态文件

1
hexo generate

也可以简写为

1
hexo g

启动服务器

1
hexo serve

也可以简写为

1
hexo s

启动后默认地址为http://localhost:4000/

vercel部署

首先将存有博客代码的github仓库导入vercel,在项目的setting中设置指令(如下图)

vercel部署hexo指令

编辑完成并save后create新的deployment即可,此时可以从vercel给的临时链接访问博客

绑定域名

由于vercel提供的域名需要科学上网访问,平时使用起来不方便,因此我们需要给我们的博客一个域名和DNS解析服务。我选择了阿里云平台购买了域名。购买前需要先实名认证。

购买成功后,在vercel中setting->domains下添加购买的域名,并根据主机记录、记录类型和记录值在阿里云平台添加新的解析。

关于图库

刚开始我使用github存储图片,但国内访问速度感人,因此使用了SM.MS作为图床。为了更方便地管理图库,我下载了PicGo来上传图片。只需要在PicGo中添加token即可配置完成。

SM.MS的token在user->dashboard->API token中可以查看

开始写作

创建新的文章

1
hexo new [layout] <title>

发表草稿

1
hexo publish [layout] <filename>

更多指令

上一篇:
操作系统答疑(一)