首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源

挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有。...而采用 CDN 加速的方案,可以考虑 将公共库改为直接引用公共 CDN 链接; 自己编写和修改的静态资源自己去托管在一个 CDN 服务上。...这里我没有纠结,看完文首提到的那篇文章,去看了下 jsDelivr 的介绍后觉得靠谱:它原生支持使用 GitHub 项目里的资源,什么都不用配置,更重要的是免费,在国内有节点,而且速度还不错(官网上也把...参考链接 GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr 相关文章 使用 jsDelivr...免费加速 GitHub Pages 博客的静态资源(二)

1.6K20
您找到你想要的搜索结果了吗?
是的
没有找到

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源

挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有。...而采用 CDN 加速的方案,可以考虑 将公共库改为直接引用公共 CDN 链接; 自己编写和修改的静态资源自己去托管在一个 CDN 服务上。...这里我没有纠结,看完文首提到的那篇文章,去看了下 jsDelivr 的介绍后觉得靠谱:它原生支持使用 GitHub 项目里的资源,什么都不用配置,更重要的是免费,在国内有节点,而且速度还不错(官网上也把...现存问题 如果项目曾经打过 tag,那么新增/修改静态资源后,需要刷新 CDN 缓存的话,需要打个新 tag; 一般发生在修改了博客模板的 js/css 以后。...参考链接 GitHub 图床的正确用法,通过 jsDelivr CDN 全球加速 jsDelivr 为开发者提供免费公共 CDN 加速服务 Features - jsDelivr

2.4K20

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)

之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。...继上一轮改造过后,比较拖页面加载速度的主要有三点: 页面首个请求响应时间; 图片资源加载时间; 站内搜索引用的 JSON 资源加载时间。...0x01 图片资源加速 这里所说的图片主要是指文章里引用的图片。 我一直将图片放在博客源码根目录的 images 文件夹下,引用图片的习惯写法是这样的: !...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的,它的搜索数据是来自一个动态生成的 JSON 文件。...相关文章: 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源

1.1K00

使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源(二)

之前写过一篇 使用 jsDelivr 免费加速 GitHub Pages 博客的静态资源,在那之后,又陆续想到并实施了几点利用 jsDelivr 进一步加速静态资源加载的措施,新起一篇作为记录和分享。...继上一轮改造过后,比较拖页面加载速度的主要有三点: 页面首个请求响应时间; 图片资源加载时间; 站内搜索引用的 JSON 资源加载时间。...0x01 图片资源加速 这里所说的图片主要是指文章里引用的图片。 我一直将图片放在博客源码根目录的 images 文件夹下,引用图片的习惯写法是这样的: !...0x02 站内搜索引用的 JSON 资源加速 我是使用 Simple-Jekyll-Search 这个 JavaScript 库来实现站内搜索的,它的搜索数据是来自一个动态生成的 JSON 文件。...jsDelivr 加速的,因为 jsDelivr 上缓存的是编译前的文件,而我们需要的是编译后的。

1.1K31

Hexo博客静态资源加速

jsdelivr是一个免费的CDN服务,可以利用它配合github来为页面静态资源提供加速,有效提升资源加载速度。...关于Jsdelivr的使用可以直接观看小康大佬的教程-优雅使用JsDeliver加速文件 图片资源加速 压缩图片 压缩图片分为有损压缩和无损压缩。...Gulp压缩全站静态资源 gulp能够帮助用户自动压缩静态资源,配合各类下属插件,能够压缩包括css、js、html乃至各类格式的图片文件。...安装Gulp插件:在博客根目录[Blogroot]打开终端,输入: 安装各个下属插件以实现对各类静态资源的压缩。在此高呼卓越科技NB! 为Gulp创建gulpfile.js任务脚本。...详情请参阅站内教程:Hexo异步加载方案 TO DO 给静态资源添加jsdelivr以实现CDN加速 对站内图片进行压缩 使用Gulp压缩全站静态资源 合并CSS以减少请求次数 调整第三方JS加载位置

2.6K40

免费获得静态IP资源实操方法

今日与大家分享不同的获取固定IP资源的方法,我会用简单的方式解释清楚,让你可以轻松上手,享受更好的网络服务。 首先,我们先来了解一下什么是静态IP。...而静态IP则是你自己购买或者向网络服务提供商申请的,始终不变,适用于特定的网络需求。 现在,让我们看看如何在不同设备上获得静态IP资源吧!...移动设备上设置静态IP 1、对于安卓设备,进入设置 > Wi-Fi,长按已连接的Wi-Fi网络,选择“修改网络”或类似选项。 2、在网络设置中,找到“IP设置”或类似选项,选择“静态”或“手动”。...4、选择“使用下面的IP地址”,输入你要设置的静态IP地址、子网掩码、默认网关和首选DNS服务器等信息,保存设置。 路由器上设置静态IP 1、打开浏览器,输入你的路由器管理界面的IP地址并登录。...4、关闭DHCP服务器,并为你的设备分配一个静态IP地址,输入IP地址、子网掩码、默认网关和DNS服务器等信息,保存设置。 现在你已经知道了在不同设备上获得静态IP资源的设置方法了!

54641

教你利用腾讯云cdn加速网站静态资源

博客里面有时候会包含很多图片,正好可以把这闲置的资源用上了。 平台信息 bt(宝塔)、apache2、typecho 类型选择 cdn 可以选择全站加速,也可以选择只对指定的静态资源加速。...全站加速是博客网站里面比较常见的一种方式,部署起来比较简单,但有时候这种方式不太灵活。静态资源加速是把静态资源放到一个单独的网站里面,然后主站使用该资源站的资源,二者相互分离,互不影响。...我个人只是想要加速访问这些图片时的速度,所以我选择了更具灵活性的静态资源加速。而静态资源加速,首先需要先为这些静态资源搭建一个网站,然后对这个网站全站套上 cdn,同时设置一个较长的缓存时间。...新用户可连续 6 个月领取每月 50GB 的免费流量包,老用户每月免费 10GB 流量包。...https://console.cloud.tencent.com/cdn/package 添加域名 都按默认配置即可,需要注意的是源站设置填服务器的 ip 地址,加速业务类型选择静态加速

39.9K96

加速博客体验:静态资源优化技巧大揭秘!

静态资源加速方式在本文中,我将重点介绍我熟悉且经常使用的方法,包括但不限于图片压缩、Nginx静态资源缓存以及类似EdgeOne这样的CDN产品。...如果我的网站出现宕机情况,EdgeOne可以从离线缓存中获取资源,而无需访问我们的服务器,这意味着可以使用之前缓存的资源来显示网站内容。这对于静态网站来说是非常有用的功能。...回想起几年前,我还曾经亲自操作生成免费证书并安装,虽然操作熟练,但仍需耗费将近1小时的时间。而现如今,EdgeOne提供了免费证书一键安装功能,使用起来非常方便,让我受益匪浅。...总结在博客写作中,静态资源加速方式是解决图片加载速度的关键。通过图片压缩、Nginx静态资源缓存和EdgeOne等CDN产品的应用,我们提高了网站性能和用户体验,减轻了服务器带宽压力。...EdgeOne的功能包括静态加速、网站证书和HTTP重定向至HTTPS,简化了网站管理流程,提升了安全性。合理利用这些静态资源加速方式,博客创作者可以享受更优秀的写作环境和展示平台。

21752

使用多吉云CDN为博客静态资源加速

前言 继上文本站图床的一些配置,目前博客已经将所有的图片、静态资源都使用对象存储,大大地减轻了服务器的负担。也可以看到本站的速度得到了挺大的提升。...为了更进一步提高网站的速度,本站又将对象存储的域名用了cdn对图像等静态资源进行缓存,然后去问了许多群友,最终都推荐的是多吉云CDN。 为什么最终决定选择多吉云CDN?...上图数多吉云CDN的优惠,每个月又20G的免费流量,对于本站也应该是够用了。 其次是其防盗刷的完善 多吉云CDN 还有着完善的防盗刷流量的设置,能有效地防止“一夜破产”的情况。...再介绍一下多吉云其它业务的优惠力度 每个月20G免费CDN流量 每天储存10G 储存量减免(也就是说,只要你存储的东西低于10块,你就不用出储存费用)

4.4K70

WordPress使用腾讯云对象存储COS进行静态资源CDN加速

今天将陌涛博客使用腾讯云对象存储COS进行静态资源CDN加速布置方法写出来,做一个简单的教程,给需要的朋友参考。...本文主要使用到以下资源: 腾讯云对象存储COS(点击注册) WPJAM BASIC插件(后台搜索安装即可) 一个域名(用于绑定CDN加速域名,需备案) 一、创建存储桶 登录腾讯云,找到对象存储COS,创建一个存储桶...也就是说不能直接对存储资源进行访问,需要授权后才能进行访问。 公有读私有写:可对object进行匿名读操作, 写操作需要进行身份验证。...陌涛博客选择的是私有读写,然后开启回源鉴权且添加 CDN 服务授权,则访问 CDN 时无需携带签名,访问时资源会进行公网分发,此时只能通过CDN访问到资源,起到保护源站的作用;当然也可以选择公有读私有写...域名管理:这里使用自定义加速域名。 ?

15.4K20

WordPress使用腾讯云对象存储COS进行静态资源CDN加速

今天将博客使用腾讯云对象存储COS进行静态资源CDN加速布置方法写出来,做一个简单的教程,给需要的朋友参考。...本文主要使用到以下资源: 腾讯云对象存储COS(点击注册) WPJAM BASIC插件(后台搜索安装即可) 一个域名(用于绑定CDN加速域名,需备案)腾讯云CDN加速流量包 一、创建存储桶 登录腾讯云,...也就是说不能直接对存储资源进行访问,需要授权后才能进行访问。 公有读私有写:可对object进行匿名读操作, 写操作需要进行身份验证。...博客选择的是私有读写,然后开启回源鉴权且添加 CDN 服务授权,则访问 CDN 时无需携带签名,访问时资源会进行公网分发,此时只能通过CDN访问到资源,起到保护源站的作用;当然也可以选择公有读私有写,则无需开启回源鉴权...无需加上前缀http://或https(暂不支持),COS暂时不支持HTTPS回源,也就是说源站不能开启强制HTTPS访问,否则是无法回源获取静态资源的。 域名管理:这里使用自定义加速域名。

5.7K81

WordPress 博客使用火山引擎 veImageX 进行静态资源 CDN 加速

下面讲讲如何进行设置 火山引擎也推出了 veImageX 服务,通过镜像回源的方式把 WordPress 上的静态资源全部一次镜像到火山引擎的 veImageX上面。...开始之前,请先详细阅读 WPJAM Basic 插件的 CDN 加速功能的介绍文章,对 CDN 有个大概的了解。 1. ...开通的时候填写我的邀请码:CLEMNL,可以领取福利:每月免费额度(10GB流量+10GB存储+20TB基础处理)+https访问免费+回源流量免费。 2....我们先回到 WordPress 博客,首安装好 WPJAM Basic 插件之后,然后在 WordPress 后台点击菜单 「WPJAM」> 「CDN 加速」: 云存储:选择火山引擎veImageX。...勾选之后,在图片设置中,输入刚才生成的「模板配置参数」: 这样就大功告成了,就可以在你的 WordPress 网站使用火山引擎 veImageX 服务,并且使用火山引擎 veImageX 会自动对静态资源进行加速

2.7K20

WordPress 使用火山引擎 veImageX 进行静态资源 CDN 加速完全指南

通过该功能,可以轻松让 WordPress 对静态资源进行 CDN 加速,为了方便大家的使用,我整理一个非常长的完全指南,基本上覆盖了 WordPress 使用火山引擎 veImageX 进行静态资源...并且使用镜像回源功能实现静态资源 CDN 加速并不影响 WordPress 原来的使用体验,原来怎么上传图片还是继续在 WordPress 中怎么操作即可。 为什么不直接上传到 veImageX?...开通的时候填写我的邀请码:CLEMNL,可以领取福利:每月免费额度(10GB流量+10GB存储+20TB基础处理)+https访问免费+回源流量免费。 2....veImageX 的空间的文件列表由于缓存而造成显示延迟,这个并不会影响图片和其他静态资源加速和使用,所以无需太过担心,正确的检测 CDN 加速成功,还是使用前面的方法:查看文件的响应标头是否有veImageX...,慢慢等一下,等图片和静态资源都抓取完成,小水管终于通了,并且不用处理静态资源,小水管服务器也可以网站速度很快。

2.7K40
领券