使用Github Page构建静态网页可以大大降低网页部署成本。虽然Github设有CDN加速节点,但在大陆仍然加载较慢。可以使用Netlity加速访问,提升Github Page的国内使用体验。

image-20230131012454959

加速后本网站实测结果(用了很多网站测试,测速结果基本一致):

更多测速结果

在构建过程中,本网站使用Cloudflare解析域名并加速,使用Netlity再次加速Github Page。因此本网站(旧版本,版本更新见关于)是Cloudflare、Netlity和Github Page三方加速的结果。但在我部署前后的加速仍然比较明显

绑定仓库

前面的基础信息自行选择,并起一个用户名。只需要填框内两个项目,其他选项可不填写。

选择Import from Git,以导入Github上的仓库。

登入Github账号后,选择需要构建的仓库<username>.github.io

选择了需要的分支后点击Deploy site

添加自定义域名

完成后在Domains选项卡中点击Add custom domain添加自定义域名。并在域名解析服务商填写解析。

添加后后添加两个域名,需要分别设置。点击Check DNS configuration选项,查看需要CNAME的域名。

复制框内的二级域名或IP地址,在域名解析商设置解析。

例如,我在Cloudflare解析域名,那我就在此处添加记录,解析上面两个域名。注意需要分开解析example.comwww.example.com域名,解析类型为CNAME。

设置HTTPS

完成解析后在下方选项启用HTTPS,安全访问网站。(此时截图还没验证完成,验证成功后可以启用。)

最后

推荐网站:PageSpeed Insights

这个网站为谷歌旗下网站分析的网站,可以分析网站的优缺点,提出优化建议。例如采用新一代格式提供图片、适当调整图片大小、移除阻塞渲染的资源。这些建议可以帮助提高网页加载速度。同时还给出无障碍设计建议、安全建议和SEO优化建议,谷歌还是很给力的😘。

在国内使用Github Page还是比较累人的。网络环境让我们没法好好使用这个功能。但花些时间捣鼓捣鼓就可以有比较好的体验。关键还不用花钱。虽然Page服务没法弄数据库,但对个人博客来说已经够用了。