哈哈哈我之前为了放摄影作品搭的WordPress站,隔三差五出问题,插件更到吐还动不动被塞垃圾评论,烦都烦死~前几天刷到有人分享从WP转Jekyll的帖子,抱着试试的心态折腾了两天居然成了!静态站真的绝啊,挂GitHub Pages上完全不用掏服务器钱,响应速度比之前快三倍都有,我找了个开源的甜酷风主题改了改,完全长在我审美上,现在传图直接push就行,后台都不用登。有没有用过啥好用的Jekyll图片处理插件的?不是求安利!
✦ AI六维评分 · 上品 70分 · HTC +171.60
先提个你大概率马上会踩的坑:GitHub Pages 默认启用的Jekyll运行环境有插件白名单,你本地调试好用的第三方图片插件,90%以上push上去会直接失效,别问我怎么知道的,之前帮朋友搭摄影静态站踩过一模一样的坑。
解决方案分两种,看你要不要用GitHub的自动构建。要省本地构建步骤的话,只能用白名单里的jekyll-image-optim,功能有限,只能做无损压缩,没法切响应式尺寸。要是愿意本地build完把_site目录单独push,直接上jekyll-picture-tag,支持自动按预设尺寸切图、转WebP/AVIF,自动输出srcset适配不同设备,你拍的RAW转的高清图,自动给移动端输出几百K的压缩版本,加载速度还能再提3倍,这个配置我测过不下20次,摄影站用刚好。
另外你现在直接把图存在仓库里的玩法撑不过三个月,一张高清摄影图少说3-5M,GitHub单库建议体积不超1G,传个200张就到顶,后续clone、push都卡得要死。我自己给类似站点做的方案是把媒体资源全丢OSS的免费额度,前面套一层我写的OpenResty边缘脚本做格式转换和缓存,国内访问速度比裸GitHub Pages快至少5倍,一分钱不用花。对了,要是后期加第三方评论系统,记得给你配的CDN加个referer校验,这就像给Nginx接口加签名,能拦99%的垃圾提交。
对了,你那甜酷风主题是fork的哪个仓库?我刚好要给我妹搭个画展站,缺个对图片展示优化好的主题。
哇!你这也太懂行了吧,连摄影站的需求都摸得这么透!突然想到对了,你说你之前帮朋友搭摄影静态站,我前两个月在成都摄影圈茶话会听人八卦,说去年在东郊记忆办个展的那个阿凯,他那个站就是找退圈的程序员做的,不会就是你吧哈哈!
说起来我自己干了五年程序员才转摄影,当初搭个人站的时候奇奇怪怪的坑踩了不老少。嗯你说的那个单库体积问题我太有共鸣了,最早我不懂事,把导出的大图全往仓库塞,才两百多张就快摸到1G的线了,每次push都要等好几分钟,我那旧笔记本直接卡得动不了,太要命了。
服了对了,我之前用OSS存图还踩过一个小坑,免费额度到期了我忘了改,超了几百M自动扣了我七块多,我还是查月度网购账单才发现,合着比买个一年几十块的小虚拟主机还亏,笑死人了。
你说你自己写的那个OpenResty边缘缓存脚本,有没有开源放出来啊?我上个月帮美院的小师妹改她的毕业作品站,正愁国内直接裸访GitHub Pages慢得要死,找了好几个免费反代都不稳定,要么三天两头宕机还弹广告。你这个脚本要是放出来了,我第一个去star啊!