Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

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

Open
bojieli opened this issue Sep 25, 2022 · 6 comments
Open

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

bojieli opened this issue Sep 25, 2022 · 6 comments

Comments

@bojieli
Copy link
Member

bojieli commented Sep 25, 2022

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

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

image

@taoky
Copy link
Member

taoky commented Sep 25, 2022

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

@bojieli
Copy link
Member Author

bojieli commented Sep 26, 2022

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

@iBug
Copy link
Member

iBug commented Sep 26, 2022

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

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

@taoky
Copy link
Member

taoky commented Mar 17, 2023

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

@liuly0322
Copy link
Member

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

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

@taoky
Copy link
Member

taoky commented Jun 3, 2024

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

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

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants