hexo+vercel+cloudflare 搭建博客网站

​ 本篇文章讲述无需服务器搭建个人博客过程，涉及Hexo、Github、Vercel、Cloudflare相关内容，实现无服务器搭建个人博客。

一、下载安装 hexo

下载安装

1
2
3
4
5
$ npm install hexo-cli -g
$ hexo init blog
$ cd blog
$ npm install
$ hexo server

集成 Git，安装插件 hexo-deployer-git

1
$ npm install hexo-deployer-git --save

部署到Github，修改 _config.yml ，文件末尾添加Git配置

1
2
3
4
5
6
deploy:
  type: 'git'
  repo:
    //ssh 需要在Github上配置你本地的Git ssh_key
    github: git@github.com:GET-BUG/GET-BUG.github.io.git
  branch: master

本地生成ssh_key，需要有Git环境

1
2
$ ssh keygen -t rsa -C "邮箱"
//生成的id_rsa.pub文件用Txt打开,复制到Github上

一键部署，可以新建一个deploy.bat文件，将下面命令放在hexo根目录，写完博客双击即可自动部署。

1
$ hexo clean && hexo g && hexo d

以上，完成了Hexo与GitHub的集成，通常可以使用GitHub Pages进行托管，但是GitHub访问很慢，有时也访问不了，可以采用下面方法进行优化。

二、使用 vercel 托管静态网站

vercel是一个静态网页托管网站，可以与GitHub直接集成。通过GitHub直接登录，将公开的仓库直接托管到Vercel。

导入项目后，进入Setting页面，添加自定义域名。默认会生成一个 *.vercel.app的域名，输入你的域名，点击添加即可。一级域名会自动添加一条www记录，二级域名需要自己配置。

另外，需要添加域名解析记录cname.vercel-dns.com

自定义域名配置完成后，并不能访问，需要将你的域名解析到Vercel提供的记录值上，根据提示添加解析即可。因为国内访问Vercel会有网络问题，或者DNS污染等问题，所以还需要下面步骤。

三、使用cloudflare 解析DNS

因此使用cloudflare进行DNS解析，cloudflare还提供SSL、CDN加速、DNS保护等，都是免费的。

1、按步骤注册cloudflare完成，添加一个网站（有域名即可），进入该站点，添加vercel的解析记录，添加完回到vercel查看是否成功。

2、如果你是阿里云等国内厂商购买的域名，需要将域名解析厂商转移到cloudflare，例如阿里云：

配置完成后，等待一会儿，站点就会变成激活状态。

image-20240307212926194

3、如果访问你的站点出现重定向次数过多的提示，需要设置SSL规则为完全或完全（严格）

image-20240307212945913

以上完成后，你的博客网站就配置成功了。