Multiverse

演示链接：Multiverse

Lens

演示链接：Lnes

介绍

一款基于 HTML5 UP 的 Multiverse 与 Lens 模板开发并支持cdn jsdelivr加速的Gridea 主题。

特色

• 同时兼容 Multiverse(多次元) 与 Lens(棱镜) 模板，在设置中即可修改。

• 添加jsdelivr cdn加速github pages功能：在在远程配置中域名填写为

  https://cdn.jsdelivr.net/gh/github用户名/仓库名
  

  并在自定义配中开启并填好jsdelivr相关信息和你不带jsdelivr的网站链接

  注意，开启后本地预览时css和js不会被加载，第一次需要同步到仓库后才能加载css和js资源

• 举一反三：加载图片使用又拍云的webp智能判断

  

  开通又拍云的云存储功能，然后开启此功能，然后在右上角的文件管理中==创建目录post-images==，之后把博客本地文件夹中的==post-images==中的图片上传上去

  

  然后获取域名

  

  将仅供测试的域名复制到gridea中远程连接的域名上，到时候渲染的时候就能直接引用又拍云中云存储的图片的链接，==客户端在访问此链接时会自动执行webp判断功能==。如果自己有域名，可以解析CNAME到他给你CNAME地址的，然后将这个域名填写到远程连接中即可。

  本地图片上传时，要把在==post-images==中的图片上传到又拍云，你也可以直接把图片上传到又拍云然后外链引入图片

  最终实测webp减少流量对比

  

  别担心，webp格式与普通jpg差别肉眼难以分辨

• 最后一点，由于远程中的域名被改，所以如果你的网站有下一页，那么可能会链接到==域名/page/2==，而这个域名不是你真实网址，所以请自行更改链接，在==output/index.html==中的这里

  

  以及标签云中进入主题文件内部，在==footer.ejs==中找到==填写真实链接==改为自己的网址即可

​ 记得==output/page/2/index.html==中也要把上一页改链接，同理如果你有好几页可能要麻烦你去更改。

参考

• HTML5 UP / Multiverse
• getgridea / gridea-theme-starter
• wclk / time
• getgridea / gridea-theme-notes
• hsxyhao / gridea-theme-next
• HTML5 UP / Lens

联系

Email：[email protected]

注：本主题是在主题gridea-theme-cplayer-gallery进行的二次修改