所需前提:

1.你需要有Github的账户,注册教程自行百度
2.你需要在本机有上传环境,这里推荐Sourcetree,适合新手使用
3.自行创建Github仓库来存放静态资源
4.使用SourcetreeTypecho根目录/usr下的文件上传到Github仓库,主要是存放主题的themes目录和存放插件的plugins目录,然后访问https://cdn.jsdelivr.net/gh/github上注册的用户名/仓库名成@分支名称/查看是否正常,正常就可以进行下一步了

修改Typecho配置文件

  1. 进入网站根目录找到config.inc.php文件,在尾部添加上如下代码并保存
    /* 定义插件cdn目录(相对路径) */
define('__TYPECHO_CDN_DIR__', 'https://cdn.jsdelivr.net/gh/github上注册的用户名/仓库名成@分支名称/');
  1. 打开网站根目录下的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了

Last modification:October 16th, 2020 at 02:28 pm
如果觉得我的文章对你有用,请随意赞赏