Hexo配合vercel搭建blog教程,自定义域名

本文章面向有一定网络基础的读者, 非纯小白教程!

背景小故事

在鄙人的幼年时期，写博客只知道在CSDN，苦于他的排版和"审核中"，于是打算自建博客……

使用静态博客：为了低成本，便于长期维护，自然是选择托管服务的静态博客
选择hexo：鄙人调查了一番，发现最近两个最火的静态博客是Hugo和Hexo。一开始鄙人选的Hugo，它很快速，然而奈何Hugo的设计不够人性化，社区也不如hexo活跃，折腾了2天最后放弃了……换用hexo简直得心应手，它有强大的社区支持，几乎遇到的问题都能找到解决方法
选择butterfly主题: 这个主题是hexo最火的主题之一, 有强大的功能, 活跃的社区, 和丰富的DIY教程
选择Vercel：常用的著名托管服务有vercel和github.io两个，不过从体验来看vercel的速度会比github.io快一点，并且vercel可以部署的项目远不止本博客, 遂选此. 值得一提的是, vercel部署的项目赠送的域名会被墙, 推荐有自己的域名的uu选择vercel, 想彻底白嫖的请选 github.io

搭建完成后, 本地博客根目录执行

1
2
3

hexo cl
hexo g
hexo s

之后访问localhost:4000即可看到博客预览

更多的教程和error解决方法都可以在butterfly官网找到

经过上面的步骤, 在本地命令行运行 hexo s应该是可以看到预览界面了

然后去github新建仓库

然后我们在本地你的hexo博客的根目录执行如下命令

hexo g
git init 
git add .
git commit -m"写你的注释信息"
git remote add origin https://github.com/你的用户名/你的仓库git
git push -u origin master

可能的error: 在git push的时候可能会让输密码和用户名, 但是现在已经不能通过输密码传代码到仓库了, 具体教程自行百度"如何通过ssh将代码传到github"

然后我们去 vercel 注册账号

完成之后, 左上角如下, 点击add new/ project

然后我们选择刚刚传上去的git仓库即可, 比如我的是juiceblog

之后一路傻瓜式操作, 就可以部署成功啦!

vercel会自动送你域名, 不过这个vercel.app结尾的域名被墙了, 需要自行绑定域名.

如下, 进入刚刚部署好的项目,选择 view domains ,

然后在下面填入你想自定义的域名 (推荐使用二级域名) , 之后vercel会报错, 提示让你填入他的dns网站作为CNAME记录, 照做即可
(这里我默认读者知道dns如何配置, 如果不会请百度"如何设置CNAME域名")

填完之后刷新, 就可以发现我们的域名已经设置成功了, 最多几分钟之内即可访问!

至此, 基本配置已经成功!

更多的配置折腾以后再更

PS: hexo官方的教程真的真的真的真的很细, 请参考官网–>官方网站