跳至主要內容

速度优化

Anonymous大约 3 分钟TypechoHandsome主题

主题本地静态资源自定义cdn加速

警告

如果设置了，这个选项无需再配置了。因为上面的选项就相当于全站镜像到云服务器商，博客的静态资源会直接访问镜像空间的资源。

请在你的云存储服务商设置允许资源的跨域访问，否则会导致字体文件无法访问而显示页面图标。如果不知道如何设置，可以发工单问客服（这是最简单的方法，因为不同服务器提供商具体设置我也不是很清楚），一般能够得到解决方法。

  • 需要在中配置：
  • 使用该项设置前，你必须有自己搭建的cdn服务器（不是指当前服务器）
  • 主题目录下的/assets/目录下有 css、js、fonts、img四个静态资源文件夹。(静态资源是指这些cs s、js文件，不包括自己的文章中的附件)
  • 你需要把asset目录上传到你的cdn服务器上，比如CDN服务器的 handsome目录里，地址即为
  • 在当前框中就填入该地址，主题就会引用你搭建的cdn上面的资源，而不再引用当前服务器上的资源

官方jsdelivr静态资源cdn地址

警告

目前jsdelivr cdn已经失去了大陆IPC牌照，节点在国外，不推荐使用，也不再更新后续版本地址

// handsome 8.1.0
https://cdn.jsdelivr.net/gh/ihewro/handsome-static@8.1.0.1/assets/
//handsome 8.2.0
https://cdn.jsdelivr.net/gh/ihewro/handsome-static@8.2.0.2/assets/

第三方公益性质静态资源cdn地址

https://x.jscdn.host/release/ucode-x/source/handsome/v8.2.1/assets/
https://x.jscdn.host/release/ucode-x/source/handsome/v8.3.0/assets/
https://x.jscdn.host/release/ucode-x/source/handsome/v8.4.0/assets/

该 CDN 包含 vditor 资源，具体配置可以看这里 viditor资源使用自建 CDN

CDN 官网链接：U-Code

本地图片地址云存储替换

可以使用第三方的云存储附件上传插件（目前主题没有集成）会在文章中上传图片的同时自动上传一份到云存储中。

而handsome主题里面的「本地图片地址云存储替换」的功能是在插入文章中的图片地址前缀仍然是博客地址，在博客前端加载的时候 将图片地址前缀替换成云存储的地址。

云存储选项

其实主题外观设置那里写的比较清楚了。

webp格式目前主要是Chrome支持，所以一般正确的用法是，不要在后台启用webp图片格式。

而是去云服务器商的图片处理设置里开启webp的自适应（比如又拍云的就是在选项，开启了就可以了），会自动根据浏览器支持情况来是否转换为webp格式。