0%

加速你的Github Pages网站

知周所众 Github Pages在国内访问速度太拉垮力,经常有打不开的问题,而且Coding Pages也已经停止服务了,所以我分享了几个能够优化网站速度的方法.

Vercel

非常推荐这个!
这是一个免费的网站托管平台,而且可以关联自己的Github仓库,支持自动部署,能绑定自己的域名
系统默认分配的vercel.app貌似被DNS污染了
推荐绑定自己的域名,在DNS控制台添加一个CNAME记录:cname-china.vercel-dns.com
使用的过程非常简单
打开Vercel的官网
点击Start Deploying 再点击Continue with Github
接着授权就好了
Vercel

Netlify

这个跟Vercel差不多,都是能直接使用Github账号登陆的
官网:Netlify

CDN

套CDN应该是最好的方法了

Content Delivery Network (CDN) is a system of distributed servers (network) that delivers webpages and other web content to a user based on the geographic locations of the user, the origin of the webpage, and a content delivery server. The goal of a CDN is to serve content to end-users with high availability and high performance. A CDN works by caching content in various geographic locations close to the user so it can be delivered quickly.

Content Delivery Network (CDN) 是一种网络服务,它使用分布式系统在全世界范围内缓存和提供内容以改善 Web 内容的可靠性和响应速度。CDN 通过把内容存储在服务器上来加速内容加载速度,从而将其更快地传递到客户端

开整

这里使用的是腾讯云的CDN,感觉挺便宜的吧,域名如果备案了每个月能领取10G的流量,对小博客来说完全够用了
注册账号就不说了,有手就行,打开腾讯云CDN控制台
在左边的菜单栏选择域名管理,接着点击下方的添加域名
腾讯云控制台
然后照着下方的图片填进去,域名没有备案的话,只能选择境外加速
加速类型可以根据自身情况选择,建议有点小钱的可以直接上ECDN
腾讯云CDN
接着它会给你一个CNAME,然后域名解析一下就好了
SSL证书可以在来此加密这个网站上面申请 (Let’s Encrypt的免费证书有效期只有3个月,准备到期的时候可以手动续期,也可以重新申请)
也可以在FreeSSL的网站申请

CDN+Vercel

咱也可以玩点花的
CDN+Vercel实现负载均衡 (是这样叫吗,我也不是很懂)
也蛮简单的,在Vercel部署一下仓库,然后绑定一下自己的域名
比如 : www.xdeandtom.asia
然后在DNS控制台添加记录
域名解析我使用的是DnsPod

主机记录 记录类型 记录值
WWW CNAME cname-china.vercel-dns.com.
WWW CNAME 腾讯CDN分给你的CNAME

照着上面表格填就可以达到负载均衡的效果了
这样貌似还能加速网站的速度?我不知道,我也不晓得

Github Actions+COS+CDN

个人感觉这个是最好的方法了

创建COS

如果没有备案,直接给COS套个域名就行了,加CDN会减速
进入COS控制台 选择新建储存桶
地区可以选择离自己近点的地方 (没有备案推荐选香港)
访问权限选择公有读私有写
腾讯COS
在左边的菜单找到基础配置 接着点击静态网站
把静态网站打开就行了 (推荐打开强制HTTPS)
腾讯COS

添加CDN

接着打开腾讯云CDN控制台 新建一个域名
步骤就和这里 差不多 就不讲了 直接跳到源站配置
跟着下面选就好了 然后保存就行了 (注意添加访问权限)
腾讯COS

添加密钥

这里要在添加腾讯云账号的API密钥
可以在API密钥管理 获取
打开Github仓库的Settings 找到Actions secrets and variables
然后点击New repository secret
分别新建三条条名为TCLOUD_API_IDTCLOUD_API_KEY,TCLOUD_BUCKET,值为腾讯云API秘钥SecretId与SecretKey还有储存桶名称的secret
API

新建Workflows

在Actions中选择New workflows 然后选择set up a workflow yourself
这时候就会自动新建一个空白的文件 然后把下面的代码复制进去就好了

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
name: Upload to COS

on: [push]

jobs:
build:

runs-on: ubuntu-latest

steps:
- uses: actions/checkout@v1
- name: Install coscmd
run: sudo pip install coscmd
- name: Configure coscmd
env:
SECRET_ID: ${{ secrets.TCLOUD_API_ID }}
SECRET_KEY: ${{ secrets.TCLOUD_API_KEY }}
BUCKET: ${{ secrets.TCLOUD_BUCKET }}
REGION: ap-hongkong
run: coscmd config -a $SECRET_ID -s $SECRET_KEY -b $BUCKET -r $REGION
- name: Upload
run: coscmd upload -rfs --delete ./ / --ignore "./.git/*"

然后点击右上角绿色的按钮就能保存了
然后每次更新仓库都会自动上传到COS里面了

CLoudflare

负优化 别看了