一次Github pages+Gridea协作搭建静态博客的经历

官方文档
不想写成教程向。毕竟网上帖子很多,自己爬贴也是一种体验(笑
小白向的话Gridea作者已经给你们写好教程
非专业向,毕竟我只是一个什么也不懂的小透明。
就写意一点,一种FU~

首先准备环境。Git+Gridea macOS的话还需要xcode
如果你的macOS不是最新的话,可以到developers那个页面去下载xcode 10
或者直接在我这个页面下载历史版本
注意Linux的Gridea很可能挂了。

上线

好了
首先注册github账号。
然后开一个nickname.github.io的repo
默认的话page服务是开的
在github申请一个开了repo权限的OAuth Token
然后把相关的东西填到Gridea里
(这里注意网址那里前缀一定填https://,因为填错网页会异常)
然后Gridea左下角同步一下就行了
相当于就是git里的push,
(这里要吹一下,比MWeb的静态博客部署功能更进了一步。MWeb只能帮你本地网页渲染好,还要你自己到terminal去粘贴执行一下。当然这个也跟macOS的sandbox有关吧大概)
到此网站基本就可以访问了。
如果不能访问的话清除一下浏览器缓存。
还是不能的话删一下repo,重新操作一遍。
网页显示异常的话注意一下gridea那里填的是不是https前缀

域名和解析

接下来是域名。
国内的服务商都得备案的。
我的话直接在狗爹Godaddy上买的.xyz域名,首年9元续费100。
👉注册好域名狗爹会让你填写你的网站地址,不要相信它!它会通过302或者301(好像是这个吧)跳转把域名跳转过去,而不是传统的A记录或者CNAME记录的方式。这样的话可能会有一些奇奇怪怪的问题
当然你也可以在深水宝上搜「godaddy域名」,可以买到首年58续费也58的.com域名。当然也可以去买它家已经备案的老域名。对SEO比较好(我什么也没说。
域名买好把DNS改到DNSpod或者Cloudflare家的(你自己注册我就不说了)
我用的是cf,因为cf有免费的cdn用(可恶的verycloud不给没备案的网站用)
改好以后等几分钟到cloudflare去识别,如果识别不到的话等它识别了会给你发邮件的。
然后添加一个A记录,域名填你注册的域名,ip填
185.199.108.153
185.199.109.153
185.199.110.153
185.199.111.153
上面的随便一个就行。通用的。
不要相信那些让你填192.30.252.153 或 192.30.252.154 或207.97.227.245 或 204.232.175.78的教程,这些教程都过时了。它们要么是不支持https,要么是已经停用,实际上只作为转发的了。

最后到github pages那里绑定好你的域名。
把enforce https打开。现在github支持给自定义的域名开强制https了。
这样你的域名就可以成功被解析了。
这里附上GIthub官方的三方域名绑定的FAQ传送

CDN

如果你用的是cf的话,等12小时cdn应该就自动生效了。
这个可以测一下速度。
沿海地区绿的挺多,速度还行的话就不用开cdn了,cf的cdn也不咋地(雾

评论

然后配置一下评论服务。
推荐用Gridea的小白教程里用的Gitalk
Disqus在国内会有一些问题。
一样,到他给的那个页面申请一下OAuth,填到Gridea里
同样注意填写的时候的http和https的区分。
仓库的话你可以新建一个repo专门用于存放评论。
发布以后到网站上去按提示开通一下,就好了。

不过评论者都要有github账号,这个很不方便。
如果有朋友有那种填一下昵称和邮箱就能评论的,请一定告诉我。

访问统计

最后再到Google统计添加一下你的网站,获取一个UA-xxxxx-x代码,填到Gridea上对应的位置(具体我不多说了,你自己搜一下教程叭)
这样就可以看到你网站的访问量了。
可以到https://www.giuem.com/google-analytics-loading-optimize/
这里添加一个代码,可以优化google统计的加载速度。

另外cloudflare也有统计功能

收录和友链

最后你可以到百度添加一下你的网站,然后等着随缘收录叭
然后你还可以到各种小朋友的网站里请求互加一下友链。
注意你自己要先把对方加到友链里噢
有的博主会要求博客更新数量和成立时间以及https什么的。你可以改一下文章创建时间骗一下?(逃,不过看WHois一切就都真相了

Coding+Github 多路解析

我的访客基本都是国内,就不折腾了。
需要的看这里

顺便

👉预览的时候gitalk提示未找到相关的 Issues 进行评论,请联系 @xxx初始化创建是正常的,push以后访问就正常了,因为只要你的网站和你当初在Gitalk那个页面填写的网址不同就会跳这个。
👉Gridea那个付费的6元主题很好看,推荐食用
👉标题和个人简介可以放emoji表情,像我一样~
👉善用<!-- more -->指令,可以调整文章在首页显示的内容多少。
👉合理利用#符号给文章分段,文章左侧会自动生成目录
👉设置每页只显示3篇文章据说可以让加载速度快一点?(逃
👉传图片尤其是大图片一定要找图床而不要直接上传,否则会慢到你想死
👉你以为你的网站访问很快,其实只是你访问多了你的网络会有缓存,本地上也有缓存,所以这种神奇的速度是假的(掩面悲伤
👉默认的Notes主题在手机端的宽度有点问题,会特别窄,显示不舒服的。
👉把文章的创建时间改到未来,可以实现让文章置顶的功效。
👉通过更改源文件夹,可以实现类似于让Gridea「切换账号」的功效,让你可以同时更新不同的博客。
👉建议如果真的要建多个博客的话可以注册多个Github账号,因为如果再新建一个Repo的话这个repo属于项目网页,绑定域名的时候会遇到麻烦(参见
👉不建议食用Coding pages,因为它的免费版里会有重定向,百度也不收录它了,所以它唯一的优点也消失了。
另外它在高峰期会爆炸,连访问都访问不了,哪像Github稳定如斯的慢,我最爱G家了
👉通过坚果云可以实现定期备份Gridea的文件到云端。防止丢失。
👉这里再次安利macOS时光机器(Time Machine),群里一位朋友Mojave小升一下居然卡白苹果了,真是可怕如斯(再次建议全员不要升级10.14.6。
(当然更不要升级catalina
👉Gridea的网站描述和底部信息支持html,这里提供一个最实用的代码,也就是:蹡蹡 <br>换行符。简单又实用
👉网站没有更新或者有奇怪的问题的话,删浏览器缓存+删repo大法好。
换网站主题容易出bug,出了bug的话删repo大法好。
👉git老是报错而且解决不了的话就开个虚拟机。虚拟机大法好!