IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> PHP知识库 -> 真正的Typecho非插件实现全站cssjs图片静态资源CDN加速 ,阿里、腾讯、七牛、又拍云等通用 -> 正文阅读

[PHP知识库]真正的Typecho非插件实现全站cssjs图片静态资源CDN加速 ,阿里、腾讯、七牛、又拍云等通用

首发自:我的 小天博客

首先说明一下为什么要整理这么一份全站非插件CDN加速的文章,以七牛云为例子;
因为小天最近在找cdn插件的时候,在上传附件时候,网络上基本都只是上传到七牛云而不传本地,并且在插入到文章内容的时候,插入的也是cdn域名,后期这样非常不好;如果我不想用CDN了,难道要把cdn资源下载到本地,然后数据库文章内容里的cdn域名再一个个修改吗,太麻烦了;而且我想要的也不只是文章内容附件CDN,同时也要CSS、JS、文章外的图片等资源全部CDN加速。

5cda6d320fac0606.jpg

所以总结一下我的需求:

1.文章内容附件和列表页缩略图保存的域名必须是本地域名,而不是cdn域名
2.文章附件用本地域名,但也要实现CDN加速。
3.文章外图片资源(博客logo、背景图、自定义图片等)CDN加速。
4.CSS和JS资源CDN加速。
5.要方便从CDN切换到本地。

文章内容附件和列表页缩略图保存的域名必须是本地域名,而不是cdn域名
1和2需求,其实只需要几行代码或者一个简单的插件就能实现。
这里小天是选择了插件,方便后台切换,只需要安装一个七牛云CDN链接替换插件即可,原理就是动态替换文章附件和列表缩略图的域名。

注意:这里理论上在七牛云配置镜像回源后,当访问本地资源时会自动镜像到七牛云,但是小天的不行,具体原因还不知道。目前的解决办法是:在文章上传附件(一般就是图片)时,手动镜像传一份到七牛云,现在网页上传或者用第三方工具都很方便,所以这不是问题。

实现CSS和JS资源CDN加速
1.操作之前,需要先把主题模板、插件等css、js等静态资源镜像传到七牛云。
2.打开Typecho主目录下的config.inc.php,在首行<?php 添加以下代码:

/* 定义cdn目录 */
define('__TYPECHO_CDN_DIR__', '你的cdn绑定域名/');

3.打开varWidgetOptions.php,大概152~174行,找到以下代码:

    /**
     * 获取模板路径
     *
     * @access protected
     * @return string
     */
    protected function ___themeUrl()
    {
        return defined('__TYPECHO_THEME_URL__') ? __TYPECHO_THEME_URL__ :
            Typecho_Common::url(__TYPECHO_THEME_DIR__ . '/' . $this->theme,__TYPECHO_CDN_DIR__);
    }

    /**
     * 获取插件路径
     *
     * @access protected
     * @return string
     */
    protected function ___pluginUrl()
    {
        return defined('__TYPECHO_PLUGIN_URL__') ? __TYPECHO_PLUGIN_URL__ :
            Typecho_Common::url(__TYPECHO_PLUGIN_DIR__,__TYPECHO_CDN_DIR__);
    }

替换成下面:修改模板路径和插件路径

    /**
     * 获取模板路径
     *
     * @access protected
     * @return string
     */
    protected function ___themeUrl()
    {
        return defined('__TYPECHO_THEME_URL__') ? __TYPECHO_THEME_URL__ :
            Typecho_Common::url(__TYPECHO_THEME_DIR__ . '/' . $this->theme,__TYPECHO_CDN_DIR__);
    }

    /**
     * 获取插件路径
     *
     * @access protected
     * @return string
     */
    protected function ___pluginUrl()
    {
        return defined('__TYPECHO_PLUGIN_URL__') ? __TYPECHO_PLUGIN_URL__ :
            Typecho_Common::url(__TYPECHO_PLUGIN_DIR__,__TYPECHO_CDN_DIR__);
    }

到现在为止,实现了文章附件、列表缩略图和CSS、JS资源CDN加速【想要切换到本地时候,只需要关闭插件和把config.inc.php里定义的CDN目录,替换成本地域名即可】

实现文章外图片资源(博客logo、背景图、自定义图片等)CDN加速
小天实现的方式是在根目录新建static文件夹,里面存放所有的这些自定义图片,然后把文件夹镜像传到七牛云,最后在不同的主题设置logo、背景图等路径时,填写CDN域名即可,切换时改回本地域名就可以了。

需要注意的地方:
1.自定义图片因为不常改,所以基本上传一遍到七牛云,就不会再修改了。
2.文章插入附件时,要记得也要镜像上传一遍到七牛云,路径是usr/uploads/2021/12/
3.主题模板、插件等css、js等静态资源镜像传到七牛云,这些资源基本也是传一遍不怎么修改的。

你可以F12->Sources查看小天的博客资源,本地静态资源已全部放到CDN上;
操作完上面的步骤,全站静态资源基本都实现了CDN加速;
以上只是小天根据自己的理解整理的,希望可以帮到你们,如果你们有更好的方式方法,我也希望可以去学习学习 。

  PHP知识库 最新文章
Laravel 下实现 Google 2fa 验证
UUCTF WP
DASCTF10月 web
XAMPP任意命令执行提升权限漏洞(CVE-2020-
[GYCTF2020]Easyphp
iwebsec靶场 代码执行关卡通关笔记
多个线程同步执行,多个线程依次执行,多个
php 没事记录下常用方法 (TP5.1)
php之jwt
2021-09-18
上一篇文章      下一篇文章      查看所有文章
加:2021-12-24 18:16:21  更:2021-12-24 18:16:30 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/14 14:47:00-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码