ustclug / website

The next-gen website of LUG@USTC
https://lug.ustc.edu.cn
Other
31 stars 16 forks source link

新闻稿里面的图片没有使用缩略图,加载缓慢 #30

Open bojieli opened 2 years ago

bojieli commented 2 years ago

https://lug.ustc.edu.cn/news/2022/09/2022-freshman-course/

页面上一张图片最大的有 15 MB,导致页面上的图片加载缓慢,需要 20 秒才加载完所有资源(见下)。建议在文中使用缩略图,用 fancybox 之类的实现点击缩略图查看原图。

image

taoky commented 2 years ago

现在更新网站的 pipeline 应该是先在 FTP 上上传图片,然后仓库里面直接引用图片的 URL;如果要做缩略图处理的话感觉工作流会变得比较麻烦,不知道有没有什么方便的办法。

bojieli commented 2 years ago

@taoky 现在 LUG 主页用的是 jekyll 吧,我没有用过 jekyll,但是可以找到一些插件,在生成静态页面的时候自动生成缩略图,不知道好不好用 https://github.com/superterran/jekyll-thumbnail

iBug commented 2 years ago

可以在 ftp 服务器上面跑 imagemagick 生成缩略图,然后网站就可以引用了。这部分可能需要想想办法自动化

上面那个插件我看了一下,只能对本地文件生成缩略图,而且质量实在不敢恭维。

taoky commented 1 year ago

能不能 on-the-fly 做图像缩略图转换 & 缓存?

liuly0322 commented 6 months ago

FTP 应该是有预览图机制的,通过网页端访问能看到预览图。

https://ftp.lug.ustc.edu.cn/_h5ai/public/cache/thumbs/thumb-xxx.jpg 格式,不过这个 url 是 POST 某个 folder 拿到的,看起来不能直接用,估计要做点修改

taoky commented 6 months ago

FTP 应该是有预览图机制的,通过网页端访问能看到预览图。

这个是 h5ai 的 feature,但是大小和路径不太好控制。可能可以在 https://github.com/ustclug/lugftp 再塞一个生成缩略图的程序。