解决Github Pages加载慢的问题

hello,大家好,我是智能黑客谢佳宇,今天我们来讲讲如何解决解决Github Pages加载慢的问题。

首先声明一下,我的个人主页就是用gitlab(主要为了解决github偶尔连不上的问题,当然github也在跟随同步,不存在不更新的问题)+vercel部署的,vercel相当于一个功能更全的CDN网站,可以免费托管域名并自动安装SSL证书,也可以当做名称服务器(Nameservers)的服务商,比如我的域名是freenom买的,用的是谷歌的账号登录,每次修改DNS都要通过特殊手段来登录和改动,很是费事,vercel就可以充当自动处理请求的机器,一切DNS改动及时完成;当然,vercel也可以购买域名,只不过……溢价严重。现在来说说怎么部署吧!

第一步

准备一个里面有HTML网页(index.html)的git仓库,名称不限

第二步

打开Vercel官方网站,然后点击右上角的"New Project"(或在地址栏输入https://vercel.com/new),然后选择你刚才准备的仓库(如果没有请点"import"按钮上方的搜索框搜索),点击import,如果没有其他需求请点击"Deploy",加载完毕后点击"Go to Dashboard"进入仪表板。

这里简单讲讲仪表板的内容,在仪表板中有许多选项,其中"+1"按钮旁边的三个域名都是可用的,“DEVELOPMENT"下的网址是根据git提交名称定义的,每一次提交都会改变,而且不好记,不建议使用。
下面两个域名中,第一个域名是根据项目名称检查是否有其他人创建,如有就会用”-“连接一些简单的单词。
右侧的域名是用"项目名称”+“用户名"组成的,较为好记。
接着是下面的"STATE”,也就是整个项目的状态,通常为"Ready",颜色块显示为绿色,如果不是的话,那就要检查检查了:是否有index.html,克隆时是否成功等。
右面是"CREATED",也就是提交这一版本距现在的时间。
再往下"BRANCH",也就是vercel读取git仓库的分支,默认是main。
最下面是一行灰色小字,也就是提交这一版本的备注。

第三步

点击仪表板上面的"View Domains",也就是查看域名,进入后会发现里面有一个自动分配(也就是上面讲到的检查是否有其他人创建然后用"-"连接一些简单的单词组成的域名),中间还有一个显示内容为"mywebsite.com"的输入框,通过这里可以自定义域名,比如我的自定义域名是https://123.xiejiayu.tk(如果没有安装SSL证书会自动安装并续期)
等一切都完了之后就可以查看你的网站啦!

记得点赞哦!

### 加速Hexo博客托管于GitHub Pages的技术 #### 使用CDN服务提升加载速度 为了提高网站资源的分发效率,减少延迟时间,可以采用内容分发网络(Content Delivery Network, CDN)来缓存并快速传递静态文件。对于Hexo博客而言,图片、CSS样式表和JavaScript脚本等都是适合通过CDN加速的对象。将这些资源链接到像jsDelivr这样的公共CDN平台能够显著改善页面性能[^1]。 ```javascript // _config.yml 中设置CDN路径前缀 cdn: css: https://cdn.jsdelivr.net/gh/your-repo-name@latest/css/ js: https://cdn.jsdelivr.net/gh/your-repo-name@latest/js/ ``` #### 启用压缩与最小化HTML/CSS/JS文件 启用Hexo内置插件`hexo-minifier`可自动处理文章生成过程中的HTML、CSS及JavaScript代码优化工作,包括去除不必要的空白字符、注释等内容,从而减小最终发布的文件大小,加快传输速率。 ```bash npm install hexo-minifier --save ``` #### 利用浏览器缓存机制 适当调整HTTP头信息中的Cache-Control字段值可以让用户的浏览器更长时间地保存已下载过的资源副本,在后续访问相同URL时不需再次请求服务器获取最新版本的数据,以此达到提速目的[^2]。 ```nginx location ~* \.(css|js|jpg|jpeg|png|gif)$ { expires max; } ``` #### 实现国内外分流策略 考虑到部分海外用户可能遇到因地理位置差异而导致的速度瓶颈问题,可以在构建过程中引入条件判断逻辑,根据不同地区分配最接近源站位置的服务节点地址给读者浏览。例如利用Coding Page作为中国境内的镜像站点配合GitHub Pages共同运作,形成双轨制发布模式。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值