Skip to content

draconidss/gridea-theme-multiverse-lens

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

13 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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==中也要把上一页改链接,同理如果你有好几页可能要麻烦你去更改。

参考

联系

Email:1138312802@qq.com

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