文章内容附件和列表页缩略图保存的域名必须是本地域名,而不是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等静态资源镜像传到七牛云,这些资源基本也是传一遍不怎么修改的。