Hugo图片优化:Fancybox、Webp和水印
最近将博客从Hexo换到Hugo后,发现了Hugo强大的自定义能力,其中就包括了图片自定义能力。一番摸索后,成功将原图片转换为Webp格式、加上了fancybox画廊和博客水印。
最近将博客从Hexo换到Hugo后,发现了Hugo强大的自定义能力,其中就包括了图片自定义能力。一番摸索后,成功将原图片转换为Webp格式、加上了fancybox画廊和博客水印。
今年年初我写下了一遍文章介绍cactus主题如何引用fancybox插件,后面我又将博客的评论系统换成了twikoo。恰巧今天升级版本,读到文档里的一篇博文:集成 Twikoo 与 lightGallery 插件,实现评论图片的点击放大。一想自己刚好安装有fancybox,于是决定集成twikoo与fancybox。
Cactus原本没有图片放大功能,教程截图里的字太小,看起来实在费劲,于是给它接上了Fancybox。这里记录一下引入资源、添加主题开关和修改图片渲染输出的过程。中间试过直接用脚本处理图片,没起作用,最后还是从渲染器下手解决了,供同样折腾这个主题的小伙伴参考。
cactus原先的代码块样式我自己并不是很喜欢。因为以前使用过wordpress的主题,里面有仿mac的样式。但是cactus并没有代码块的样式设置,于是决定自己动手,改造主题!!!