首页
壁纸
友情链接
留言板
读者墙
关于博客
网站统计
更多
免责声明
推荐
工具箱
在线音乐
小霸王
小黑屋
栅格之地
WIKI
Search
1
Typecho博客主题Joe7.7.1美化优化记录【持续更新】
1,528 阅读
2
给你网站博客的评论添加一键打卡功能
1,349 阅读
3
博客美化和优化过程记录及实用技巧【停止更新】
1,232 阅读
4
php报错open_basedir restriction in effect问题和TP5的think-log-viewer
1,229 阅读
5
聊聊rel=external nofollow和rel=noopener noreferrer
1,030 阅读
编程相关
WEB前端
网站建设
生活随笔
经验分享
登录
Search
标签搜索
博客美化
经验分享
网站优化
Joe主题
php
css
typecho
javascript
html
external
nofollow
noopener
ajax
session
跨域
thinkphp
animation
cdn
七牛云
宝塔
小天
累计撰写
21
篇文章
累计收到
227
条评论
首页
栏目
编程相关
WEB前端
网站建设
生活随笔
经验分享
页面
壁纸
友情链接
留言板
读者墙
关于博客
网站统计
免责声明
推荐
工具箱
在线音乐
小霸王
小黑屋
栅格之地
WIKI
搜索到
1
篇与
cdn
的结果
2021-12-19
真正的Typecho非插件实现全站css,js,图片静态资源CDN加速 !阿里、腾讯、七牛、又拍云等通用!
{callout color="#1488f5"}首先说明一下为什么要整理这么一份全站非插件CDN加速的文章,以七牛云为例子;因为小天最近在找cdn插件的时候,在上传附件时候,网络上基本都只是上传到七牛云而不传本地,并且在插入到文章内容的时候,插入的也是cdn域名,后期这样非常不好;如果我不想用CDN了,难道要把cdn资源下载到本地,然后数据库文章内容里的cdn域名再一个个修改吗,太麻烦了;而且我想要的也不只是文章内容附件CDN,同时也要CSS、JS、文章外的图片等资源全部CDN加速。{/callout}{card-default label="所以总结一下我的需求:" width="100%"}1.文章内容附件和列表页缩略图保存的域名必须是本地域名,而不是cdn域名2.文章附件用本地域名,但也要实现CDN加速。3.文章外图片资源(博客logo、背景图、自定义图片等)CDN加速。4.CSS和JS资源CDN加速。5.要方便从CDN切换到本地。{/card-default}{message type="info" content="文章内容附件和列表页缩略图保存的域名必须是本地域名,而不是cdn域名"/}1和2需求,其实只需要几行代码或者一个简单的插件就能实现。这里小天是选择了插件,方便后台切换,只需要安装一个七牛云CDN链接替换插件即可,原理就是动态替换文章附件和列表缩略图的域名。{message type="error" content="注意:这里理论上在七牛云配置镜像回源后,当访问本地资源时会自动镜像到七牛云,但是小天的不行,具体原因还不知道。目前的解决办法是:在文章上传附件(一般就是图片)时,手动镜像传一份到七牛云,现在网页上传或者用第三方工具都很方便,所以这不是问题。"/}{message type="info" content="实现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目录,替换成本地域名即可】{message type="info" content="实现文章外图片资源(博客logo、背景图、自定义图片等)CDN加速"/}小天实现的方式是在根目录新建static文件夹,里面存放所有的这些自定义图片,然后把文件夹镜像传到七牛云,最后在不同的主题设置logo、背景图等路径时,填写CDN域名即可,切换时改回本地域名就可以了。{message type="error" content="需要注意的地方:1.自定义图片因为不常改,所以基本上传一遍到七牛云,就不会再修改了。2.文章插入附件时,要记得也要镜像上传一遍到七牛云,路径是usr/uploads/2021/12/3.主题模板、插件等css、js等静态资源镜像传到七牛云,这些资源基本也是传一遍不怎么修改的。"/}{callout color="#f0ad4e"}你可以F12->Sources查看小天的博客资源,本地静态资源已全部放到CDN上;操作完上面的步骤,全站静态资源基本都实现了CDN加速;以上只是小天根据自己的理解整理的,希望可以帮到你们,如果你们有更好的方式方法,我也希望可以去学习学习 ::(呵呵) {/callout}
2021年12月19日
746 阅读
1 评论
8 点赞