所需前提：

1.你需要有Github的账户，注册教程自行百度
2.你需要在本机有上传环境，这里推荐Sourcetree,适合新手使用
3.自行创建Github仓库来存放静态资源
4.使用Sourcetree将Typecho根目录/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了