个人博客部署以及域名配置

个人博客部署以及域名配置

一、前言

博客挺久之前就弄了,不过写的文章比较少。最初是用的github pages,github pages的访问速度在国内不是很理想,时常会出现访问不了的情况。后面脑袋一抽,买了个域名,然后接触到了cloudflare,就把域名解析到了cloudflare,使用cloudflare的cdn加速,访问速度有了一些提升。找了几个朋友测试,反馈第一次访问速度还是有点慢,后面会好一些。 最近在github上看到了chat-gpt-next-web,使用了vercel,所以就折腾了下,也用vercel部署了博客,然后通过cloudflare,现在国内访问速度还是可以的。这篇文章主要是记录一下博客的部署过程,以及域名的配置过程。

二、vercel

Vercel is a platform for developers that provides the tools, workflows, and infrastructure you need to build and deploy your web apps faster, without the need for additional configuration.
Vercel 是一个为开发者提供工具、工作流和基础设施的平台,可以让你更快地构建和部署你的 Web 应用,而无需额外的配置。

vercel官网:vercel.com/,可以直接使用github账号登录。

1. 部署

因为之前已经有了github pages,所以我们可以直接通过vercel部署。Add New -> Project -> 选择自己的git repository -> Import 自动识别出了Hexo, 都采用默认配置,然后Deploy。不出意外的话,出了意外,部署失败了。想到hexo 的deploy branch默认是gh-pages,vercel部署了master分支,所以我们需要修改一下。在vercel的项目中,Settings -> Git -> Production Branch -> gh-pages -> Save。

回头重新部署,却发现部署的还是master,这时注意到Production Brach下有一行字

By default, every commit pushed to the main branch will trigger a Production Deployment instead of the usual Preview Deployment. You can switch to a different branch here.
默认情况下,每次推送到主分支的提交都会触发生产部署,而不是通常的预览部署。您可以在这里切换到不同的分支。

生产分支的部署可以通过推送到主分支来触发,二话不说,直接推送到主分支,这时候多出了两条Deployment记录,一条是Preview Deployment,一条是Production Deployment。Production Deployment即是使用了gh-pages分支。

这时候的错误变成了sh: hexo: command not found gp-pages分支通过github的action生成,已经普通的前端静态资源了,无需再使用hexo预设框架,修改Settings -> Build & Development Settings -> Framework Preset 为Other, 重新部署成功。

注:我主要是为了同时能使用github pages和vercel,所以使用了gh-pages,如果只是使用vercel,完全可以新建github repository,直接使用master分支。

2. 优化

a. 域名配置

vercel部署成功后,会有一个网址,(中国大陆地区用户)直接访问这个地址的话,会发现访问不通的情况,这是因为vercel部署的服务都被dns污染了,所以我们管理域名的dns记录,将域名解析到vercel。Settings -> Domains -> 输入域名 -> Add, 我之前操作过了,这里使用test域名。

添加成功后,会有一个CNAME记录,将这个记录添加到域名的dns记录中,这里使用cloudflare,添加CNAME记录,Content填写cname.vercel-dns.com,保存后发现仍然无法访问,那看来cname.vercel-dns.com这个地址不能直接使用,搜索网络发现,中国大陆地区用户可以使用cname-china.vercel-dns.com,修改CNAME记录,保存。

b. 重定向

配置好后,访问报了重定向次数过多的问题,这是因为cloudflare的ssl配置问题,需要将cloudflare的ssl配置为Full或者Full(strict),这里使用Full,保存后,访问成功。

三、总结

这篇文章记录了下博客的部署过程,以及域名的配置过程,主要是使用了github pages,vercel,cloudflare。测试了一下,国内访问速度还是可以的,后续持续观察。

欢迎大家访问:傲然绝唳的小栈

相关推荐
Huazie7 天前
来花个几分钟,轻松掌握 Hexo Diversity 主题配置内容
前端·javascript·hexo
Huazie16 天前
一篇搞定 Hexo Diversity 主题接入!支持多主题自由切换!
javascript·github·hexo
dzq19824 天前
Hexo提交部署命令与Git Bash Here控制终端中按下Ctrl+C无法中断hexo s的解决办法
运维·git·hexo·部署博客·hexo s·ctrl+c·源码推送
real_metrix4 个月前
【教程】Hexo 部署到 Github Page 后,自定义域名失效的问题
hexo·github page
Gzzz__4 个月前
百度、谷歌、必应收录个人博客网站
博客·hexo·butterfly
北桥苏6 个月前
Hexo最新实战:(一)Hexo7.0+GitHub Pages博客搭建
github·hexo·github pages
咸鱼运维杂谈6 个月前
hexo 博客插入本地图片时遇到的坑
linux·运维·hexo
xiezhr7 个月前
小伙伴说VuePress太简洁了,还有没有其他博客推荐?
博客·hexo·个人网站
shandianchengzi7 个月前
【BUG】前端|GET _MG_0001.JPG 404 (Not Found),hexo博客搭建过程图片路径正确却找不到图片
前端·bug·hexo·blog
昔人'7 个月前
csdn文章迁移/迁走历程与实践
hexo·csdn·博客迁移