最新公告
  • 欢迎您光临起源地模板网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • 如何提高 Github Pages 在国内的访问速度?

    正文概述 掘金(tobyglei)   2021-01-18   658

    如何提高 Github Pages 在国内的访问速度?

    Github Pages 官网截图

    Github Pages 是什么?

    Github Pages 是 GitHub 公司提供對靜態網頁托管的一個功能,把靜態網頁提交到 Github 的 username.github.io 代碼倉庫 下,Github 就會幫你托管網頁, 訪問地址和代碼倉庫同名。

    提速前后的对比图

    如何提高 Github Pages 在国内的访问速度?

    如何提高 Github Pages 在国内的访问速度?

    左图: 部署在 Github Pages 的网站测速结果; 右图是提速后的测速结果。颜色代表网站的反馈时间,绿色代表快,越接近红色代表极慢甚至没法访问。

    可以看到 部署在 Github Pages 的网站 在国内的访问速度很不理想 (左图),大部份地区都是访问极慢的(橙色)。

    提速后的结果达到了可用的水平 (右图较多的深绿色省份)

    测试项目的源代码

    我们选了一个 Hexo博客 作为测试对像。用了默认的模板,没有做额外的修改。

    如何提高 Github Pages 在国内的访问速度?

    Surge.sh 不支持在线构建(打包)的功能,你可以在本地打包后把静态网页存放在国内云服务商的存储空间,如 AWS 中国区 的 S3 或 阿里云的 OSS,基本上能保证网站的访问速度。

    部署在存储空间的缺点也非常明显: 初始化配置的比较多,如果要做成能持续部署(Git push自动打包和部署),还需要更多的配置。

    如果你不喜欢折腾,想找像 Github Pages 一样简单并支持在线打包的方案,可以把网站托管在 21云盒子

    托管静态网站在 21云盒子 的流程

    1. 注册成为21云盒子会员

    2. 授权 21 云盒子访问你要部署的代码仓库

    如何提高 Github Pages 在国内的访问速度?

    示例图: 在21云盒子选择要部署的代码仓库

    3. 配置 构建(打包) 命令 和发布目录

    如何提高 Github Pages 在国内的访问速度?

    示例图: 配置 Hexo 构建(打包) 命令 和发布目录

    4. 点击 “马上部署”

    不用一杯茶的时间,你的网站便完成了打包和部署到线上了。

    你可以在 app_id.21yunbox.com 访问你的项目 (app_id 是创建是定义的)。

    如果你不确定怎么操作? 直接看操作视频: www.bilibili.com/video/BV1uy…

    21云盒子还能部署什么?

    像后端的应用框架 Python Django 或 php Laravel 这种是出了名部署起来比较复杂的,在21云盒子也能让你在 3, 4分钟完成打包上线生成一个唯一的二级域名。

    数据库呢? 当然也给你简化了,一键建数据库(附上手视频)

    还有什么? 想了解更多? 可以查看帮助文档


    起源地下载网 » 如何提高 Github Pages 在国内的访问速度?

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    模板不会安装或需要功能定制以及二次开发?
    请QQ联系我们

    发表评论

    还没有评论,快来抢沙发吧!

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    迅虎支付宝
    迅虎微信
    支付宝当面付
    余额支付
    ×
    微信扫码支付 0 元