如何把emlog的css,js,字体,图片等迁移到阿里云oss提升网站加载速度

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,内容安全 1000次 1年
对象存储 OSS,恶意文件检测 1000次 1年
简介: 如何把emlog的css,js,字体,图片等迁移到阿里云oss提升网站加载速度

1.首先把content目录迁移到阿里云oss的bucket里面,然后给bucket绑定一个自己的域名,得到一个bucket域名。


例如我的是https://blog-static.wlphp.com/  把content目录放到bucket的根目录即可,打个比方访问里面的某个css,https://blog-static.wlphp.com/content/templates/FLY/css/font-awesome.min.css


2.找到init.php里面的TEMPLATE_URL,把他的值改成https://blog-static.wlphp.com/content/templates/FLY/


19.jpg

19.jpg3.找到模板文件夹inc里面的head.php,把pjax_theme的js变量值重置成本地的路径。

20.jpg

4.找到模板文件夹下面的module里面的函数get_template_name 让他返回固定值即可。

21.jpg

这样网站除了文章里面的图片,其他的静态资源全部迁移到阿里云的oss,网站加载速度有了明显的提升。阿里云oss在流量和存贮不大的情况下是基本不会产生费用的。

相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
3月前
|
前端开发 JavaScript API
使用 JavaScript 实现图片上传
使用 JavaScript 实现图片上传
112 1
|
5月前
|
前端开发 JavaScript
杨老师课堂之JavaScript案例手动切换轮播图片
杨老师课堂之JavaScript案例手动切换轮播图片
33 2
|
5月前
|
前端开发 JavaScript
杨老师课堂之JavaScript案例之自动切换轮播图片
杨老师课堂之JavaScript案例之自动切换轮播图片
30 1
|
24天前
|
前端开发
【CSS】纯css3螺旋状loading加载特效
【CSS】纯css3螺旋状loading加载特效
27 4
|
2月前
|
JavaScript 前端开发
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
【原创】用JavaScript动态获取网页中缩放图片的长度、宽度和显示比例
|
3月前
|
前端开发 JavaScript Linux
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
【Azure 应用服务】在Azure App Service for Linux环境中,部署的Django应用,出现加载css、js等静态资源文件失败
|
3月前
|
JavaScript 前端开发
JS - 如何上传 Base64 编码的图片
本文展示了如何将Base64编码的图片在前端转换为Blob对象,并使用`FormData`上传到服务器端的方法。
177 0
|
3月前
|
JavaScript
js之图片上传
js之图片上传
75 0
|
5月前
|
机器学习/深度学习 分布式计算 大数据
MaxCompute产品使用问题之如何直接加载oss中的parque数据,无需指定列和分区
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。