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

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
您找到你想要的搜索结果了吗?
是的
没有找到

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

博客里面有时候会包含很多图片,正好可以把这闲置的资源用上了。 平台信息 bt(宝塔)、apache2、typecho 类型选择 cdn 可以选择全站加速,也可以选择只对指定的静态资源加速。...全站加速是博客网站里面比较常见的一种方式,部署起来比较简单,但有时候这种方式不太灵活。静态资源加速是把静态资源放到一个单独的网站里面,然后主站使用该资源站的资源,二者相互分离,互不影响。...我个人只是想要加速访问这些图片时的速度,所以我选择了更具灵活性的静态资源加速。而静态资源加速,首先需要先为这些静态资源搭建一个网站,然后对这个网站全站套上 cdn,同时设置一个较长的缓存时间。...注意记下密钥( KEY )和证书( PEM 格式) 检验 配置完成后可以自己试着直接访问静态网站,看看能否访问文件夹、php文件以及普通的图片资源。...https://console.cloud.tencent.com/cdn/package 添加域名 都按默认配置即可,需要注意的是源站设置填服务器的 ip 地址,加速业务类型选择静态加速

39.8K96

Spring Boot 中的静态资源到底要放在哪里

当我们使用 SpringMVC 框架时,静态资源会被拦截,需要添加额外配置,之前老有小伙伴在微信上问松哥Spring Boot 中的静态资源加载问题:“松哥,我的HTML页面好像没有样式?”...,就可以直接访问,除了这里还有没有其他可以放静态资源的位置呢?...不过,虽然有5个存储目录,除了第5个用的比较少之外,其他四个,系统默认创建了 classpath:/static/, 正常情况下,我们只需要将我们的静态资源放到这个目录下即可,也不需要额外去创建其他静态资源目录...这样大伙就知道了为什么Spring Boot 中支持5个静态资源位置,同时也明白了为什么静态资源请求路径中不需要 /static,因为在路径映射中已经自动的添加上了 /static了。...总结 这里需要提醒大家的是,松哥见到有很多人用了 Thymeleaf 之后,会将静态资源也放在 resources/templates 目录下,注意,templates 目录并不是静态资源目录,它是一个放页面模板的位置

2K10

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

挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有。...而采用 CDN 加速的方案,可以考虑 将公共库改为直接引用公共 CDN 链接; 自己编写和修改的静态资源自己去托管在一个 CDN 服务上。...: 修改以前直接用 `{{ site.url }}` 拼接的静态资源引用链接,替换为 `{{ assets_base_url }}`,比如 _includes/header.html 里: 这样万一哪天...现存问题 如果项目曾经打过 tag,那么新增/修改静态资源后,需要刷新 CDN 缓存的话,需要打个新 tag; 一般发生在修改了博客模板的 js/css 以后。我也还在摸索如何省去这一步的方法。...免费加速 GitHub Pages 博客的静态资源(二)

1.5K20

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

挺久以前就有网友给我的 GitHub Pages 博客模板提 Issue,说希望能增加 CDN 用于加速静态资源的加载,由于懒,一直没有。...而采用 CDN 加速的方案,可以考虑 将公共库改为直接引用公共 CDN 链接; 自己编写和修改的静态资源自己去托管在一个 CDN 服务上。...enabled: true 修改 _layouts 里的文件,给名为 assets_base_url 的变量赋值,用它来代表加载静态资源的根路径: {% assign assets_base_url...https://cdn.jsdelivr.net/gh/" | append: site.repository %} {% endif %} 修改以前直接用 {{ site.url }} 拼接的静态资源引用链接...现存问题 如果项目曾经打过 tag,那么新增/修改静态资源后,需要刷新 CDN 缓存的话,需要打个新 tag; 一般发生在修改了博客模板的 js/css 以后。

2.3K20

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

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

1K00

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

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

1.1K31

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

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

15.3K20

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. ...地区:根据你网站用户在哪里最多选择。 服务类型:选择图像处理服务。 绑定域名:请输入你要绑定的 CDN 域名,比如我的 cdn.srrui.com 服务属性:选择永久保存。...我们先回到 WordPress 博客,首安装好 WPJAM Basic 插件之后,然后在 WordPress 后台点击菜单 「WPJAM」> 「CDN 加速」: 云存储:选择火山引擎veImageX。...勾选之后,在图片设置中,输入刚才生成的「模板配置参数」: 这样就大功告成了,就可以在你的 WordPress 网站使用火山引擎 veImageX 服务,并且使用火山引擎 veImageX 会自动对静态资源进行加速

2.7K20

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

但是还有很多同学还不知道如何设置,今天就详细讲解下如何设置腾讯云对象存储 COS,如何通过回源的方式把 WordPress 上的静态资源全部一次镜像到腾讯云上面,最后开启 CDN。...开始之前,请先详细阅读 WPJAM Basic 插件的 CDN 加速功能的介绍文章,对 CDN 有个大概的了解。 1....点击右侧存储桶列表的「创建存储桶」按钮,创建一个新的存储桶: 区域:根据你网站用户在哪里最多选择。 读写权限:一定要选择公共读。 其他选项,根据你自己的需求设置,一般无特殊需求都选择关闭。 3....设置好「回源设置」之后,返回点击「域名和传输管理」选择「自定义 CDN 加速域名」,如果未开通 CDN 服务,按照提示到「CDN控制台」开通之后,点击添加域名 5....这样就大功告成了,就可以在你的 WordPress 网站使用腾讯云 OSS 服务,并且使用腾讯云的 CDN 对静态资源进行加速了。 希望大家都有快速的网站,和我一样。

2.6K30

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

通过该功能,可以轻松让 WordPress 对静态资源进行 CDN 加速,为了方便大家的使用,我整理一个非常长的完全指南,基本上覆盖了 WordPress 使用火山引擎 veImageX 进行静态资源...并且使用镜像回源功能实现静态资源 CDN 加速并不影响 WordPress 原来的使用体验,原来怎么上传图片还是继续在 WordPress 中怎么操作即可。 为什么不直接上传到 veImageX?...地区:根据你网站用户在哪里最多选择。 服务类型:选择图像处理服务。 绑定域名:请输入你要绑定的 CDN 域名。 服务属性:选择永久保存。...veImageX 的空间的文件列表由于缓存而造成显示延迟,这个并不会影响图片和其他静态资源加速和使用,所以无需太过担心,正确的检测 CDN 加速成功,还是使用前面的方法:查看文件的响应标头是否有veImageX...,慢慢等一下,等图片和静态资源都抓取完成,小水管终于通了,并且不用处理静态资源,小水管服务器也可以网站速度很快。

2.6K40

精选 | 腾讯云CDN内容加速场景有哪些?

全站加速 全站加速 ECDN 是腾讯云的一款独立产品,适用于纯动态或静态资源混合资源的一站式加速,自动识别动静态资源,同一平台上可实现站内所有类型资源同时加速。...静态内容指用户多次访问某一资源,响应返回的数据都是相同的内容。 例如:html、css 和 js 文件、图片、视频、软件安装包、apk 文件、压缩包文件等。...腾讯云 CDN 提供强大的网站静态内容的加速分发处理能力,显著提升网站资源加载速度,分布在不同区域的终端用户均可享受到快速流畅的网页体验。...image.png 全站加速 全站加速适用于动静资源混合或有较多动态资源请求(如 .asp、.jsp、.php、.cgi 和 .perl 文件、API 接口、数据库交互请求等)的网站和应用。...腾讯云全站加速 ECDN 目前是一款独立的产品,其将静态边缘缓存与动态回源路径优化相融合,智能调度最优服务节点,自动识别动静态资源,结合腾讯自研最优链路算法及协议层优化技术,为您提供全新的高性能一站式加速服务体验

11.5K31
领券