上个月把博客从 hexo 迁移到了 hugo，博客数据、发布流程全部托管到 github。之后把之前写的一篇《那些年曹大写的文章》搬了过来，其他文章暂时下线了。

上周在折腾博客 css 的时候，aofei 说不如迁移到 Cloudflare，还能全球 cdn 加速。于是又动手迁移到 Cloudflare Pages，顺便又修改了一些 css，目前博客样式比较顺我的意。这篇文章记录下折腾的过程，希望能给读者带来一些参考。

迁移到 Cloudflare Pages

Cloudflare Pages 和 Github Pages 都能方便地部署静态博客页面，前者功能更强大，不仅支持自动部署、设置页面规则将 www.qcrao.com 解析到 qcrao.com，还能配置 url 自动重定向，并且能够分析页面访问量（之前是基于 google analytics）。

迁移过程很简单，在 Cloudflare Pages 页面，创建部署，目录设置成 github 上的 blog repo。设置构建命令，接着只要 github 上的 blog repo 有更新，这边就会自动部署。

这里有一点要注意的是：通过设置环境变量来控制 hugo 的版本和本地一致，否则在本地和线上看到的页面效果会有差异。我当时遇到的问题是 Cloudflare 生成的页面不能点击图片进行放大，本地则是 OK 的。

DNS 配置

Cloudflare Pages 上对 DNS 的配置步骤有提示和说明，比较友好。

我之前的域名在腾讯云上托管，这回得修改 DNS 服务器到 Cloudflare，需要去腾讯云域名管理页面修改。

下面这条 www -> qcrao.com 的记录是在为了让我们在输入 https://www.qcrao.com 时跳转到 https://qcrao.com。

另外，Cloudflare 会自动将 https 证书设置好，完全不需要我们操心。

老文章重定向

之前用 hexo 发布文章后，url 里会带上日期，非常长且没有什么意义。切到 hugo 后，url 没有日期了，且加上了一个 post 路径。同一个 md 文件，发布之后链接不一样：

【老地址】https://qcrao.com/2019/04/02/dive-into-go-slice->【新地址】https://qcrao.com/post/dive-into-go-slice/

如果不设置重定向，原来的地址就会失效。

Cloudflare 刚好有一个重定向的功能，非常方便，一行命令就解决了：

/:year/:month/:day/* /post/:splat

前面是老 url，后面是重定向的新地址。将老 url 里的年、月、日匹配上，splat 表示 * 号内容，这样就能把年月日从 url 中去掉，并且加上了 /post。重定向的功能就完成了，且非常优雅且顺滑。

当我们访问 https://qcrao.com/2019/04/02/dive-into-go-slice 时，会自动跳转到：

CSS 美化

很惭愧，我并不会 CSS，他们都说特别简单，下次我一定学

将博客迁移到了 Cloudflare Pages相关推荐

Hexo博客迁移到腾讯云
一开始博客在github pages上,速度比较慢.后来在网上发现许多人说托管到Netify很快,还自带CDN加速.但我迁移过去,发现国内的网根本就登不上,又检测了一下在大陆访问博客的速度,惨不忍睹. ...
博客迁移至http://www.vlix.org/
博客迁移至 http://www.vlix.org/ 敬请关注多谢关注,如有疑问可以在www.vlix.org/留言. 转载于:https://blog.51cto.com/weiliu/1582 ...
github博客迁移——图床搭建
之前在github自己搭的博客写了一段时间,但是用多了还是感觉没有第三方平台维护舒适,遂回退csdn,要把之前的博客迁移回来,但是最麻烦的就是博客中的图片太多,这时候就要用到图床了. 1. PicGo ...
博客迁移到github
博客已迁移到github, 地址为:https://github.com/manxisuo/blog/issues. 转载于:https://www.cnblogs.com/manxisuo/p/55 ...
「博客迁移声明」迫于想折腾个人博客
基于 Hexo 和 github pages 搭建的个人博客:https://yukee-798.github.io 目前是托管到 github 上的,以后应该会用云服务器,然后换上去年就买来一直没用 ...
博客迁移到GitHub欢迎访问
博客已迁移到GitHub https://pingao777.github.io/,欢迎访问
VMCloud见面礼——VMCloud博客迁移全记录
微信号 VMCloud 大家好,为了避免在愚人节再公开本订阅号(其实为了避免被误会成是愚人节玩笑),所以选在今天,三月份的最后一天,VMCloud订阅号正式开张.如果说再说多的话也没办法去解释VMCl ...
博客迁移之从CSDN导出markdown格式文章
[2020/08/02更新]CSDN更新了接口API,之前的方法已经失效写在前面最近沉迷于个人网站开发,买了长期服务器和域名,一直在搞事情. 这篇文章的主要任务是将个人CSDN博客导出为Markd ...
博客迁移到GitCafe
博客以前是放在github上,但github在国内的访问速度确实有些慢,所以就想着换个git环境,本来想迁移到oschina中,后来看到以为博友介绍的迁移到gitcafe中,索性我也就照搬迁过来了. ...

将博客迁移到了 Cloudflare Pages

迁移到 Cloudflare Pages

DNS 配置

老文章重定向

CSS 美化

将博客迁移到了 Cloudflare Pages相关推荐

最新文章

热门文章