所需前提:
1.你需要有Github的账户,注册教程自行百度
2.你需要在本机有上传环境,这里推荐Sourcetree,适合新手使用
3.自行创建Github
仓库来存放静态资源
4.使用Sourcetree
将Typecho
根目录/usr
下的文件上传到Github仓库,主要是存放主题的themes
目录和存放插件的plugins
目录,然后访问https://cdn.jsdelivr.net/gh/github上注册的用户名/仓库名成@分支名称/
查看是否正常,正常就可以进行下一步了
修改Typecho
配置文件
- 进入网站根目录找到
config.inc.php
文件,在尾部添加上如下代码并保存
/* 定义插件cdn目录(相对路径) */
define('__TYPECHO_CDN_DIR__', 'https://cdn.jsdelivr.net/gh/github上注册的用户名/仓库名成@分支名称/');
- 打开网站根目录下的
var
文件夹下的Widget
文件夹下的Options.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, $this->siteUrl);
}
/**
* 获取插件路径
*
* @access protected
* @return string
*/
protected function ___pluginUrl()
{
return defined('__TYPECHO_PLUGIN_URL__') ? __TYPECHO_PLUGIN_URL__ :
Typecho_Common::url(__TYPECHO_PLUGIN_DIR__, $this->siteUrl);
}
替换成如下代码
/**
* 获取模板路径
*
* @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__);
}\
然后保存,Chrome
浏览器打开F12,再测试下看下是不是OK了