使用vercel+hexo搭建一个免费的博客

Vercel是目前我用过最好用的页面托管服务了，通过Vercel，任何人都可以免费部署 属于自己的静态网站。

目前静态页面托管平台很多，例如Github Pages ,Coding, Gitee等， 但是目前最好用的还是Vercel，原因如下

• 全球（包括中国）都很快的加速，免费版流量一个月100G
• 自动build、deploy（免去配置action的烦恼）
• 源码可以部署到不同位置，而不需要存储在Vercel
• 支持绑定自己的域名

废话不多说，下面我来记录一下我为IMUDGES搭建新闻发布网站的过程

1.访问Vercel并注册一个账号

访问https://vercel.com，我选择通过GITHUB绑定自己的账号

可能需要使用短信验证一下
登陆完成后就可以看到主页了

2.新建一个项目

在主页点击右上角的
进入新的创建页面

点击右下角的Browse All Templates →，进入Select a template.页面

搜索hexo，点选

填写一个REPOSITORY NAME，然后点击CREATE

部署中

部署成功

3.在本地克隆、更新项目

我们来到项目的dashboard，点击BRANCH下的main，即可进入项目地址

在本地克隆该项目

打开项目根目录，安装下依赖
（没有安装nodejs和npm的请自行百度下安装npm）

cd {项目所在文件夹名称}
npm install -g yarn
npm install -g hexo
yarn install

然后运行一下服务器，就可以本地预览了

hexo server

启动成功后浏览器中访问

localhost:4000

即可看到访问成功

下面可以进行一些个性化定义的工作，具体可以百度一下

下面是我美化完成的样子

4.推送

使用git push操作，vercel会自动监听你的推送，自动打包并生产

5.绑定域名

除了项目给你一个自带的子域名，项目还支持绑定域名

首先要有一个域名的控制权，例如阿里云的域名

然后打开设置中的域名设置，增加自己的域名

会出现如下提示

然后我们按照提示，在自己域名中增加CNAME的解析

配置成功

访问下域名试试

配置完成