typecho图标_handsome+Typecho美化过程【持续更新】包括踩坑解决办法

handsome+Typecho美化过程【持续更新】包括踩坑解决办法

@monsoon • 2019 年 11 月 08 日

Handsome美化过程

持续更新

1.Mac风格代码框与高亮

作者说这个bug太多，推荐使用以下的最新版本

插件最新版本

效果展示

Typecho代码高亮插件Code Prettify

xcnte

注意事项，如果您的代码高亮插件安装配置后，出现浏览器必须每次刷新后才能正常显示效果，请排查以下方面

首先感谢插件开发者xcnte的支持与帮助

后台域名绑定与CSS以及JS文件调用地址是否一致

是否开启了markdown增强插件的前台解析功能

PJAX回调函数是否正常

CDN加速是否正常

解决静态资源及插件跨域无法调用

假如我们在typecho后台中绑定了一个域名https://creatorlia.com,用这个域名访问的时候静态资源包括字体，插件，各种CSS/JS一切正常，

但是我们在用https://www.creatorlia.com这个二级域名访问就会出现加载不正常，这就说明跨域了。

handsome主题支持了跨域访问，包括一些对象存储，类似阿里的OSS也都可以更改跨域规则，但是由于插件安装在源站上，引用静态资源的时候的地址指向siteUrl而不是rootUrl，这就需要我们自行解除跨域源站限制；

typech0的Var/Widge/Option.php中关于初始化网站地址的代码中发现一个变量__TYPECHO_DYNAMIC_SITE_URL__

也就是说typecho已经为跨域做了准备&