使用 Hugo 构建静态艺术画廊

💡 原文英文,约400词,阅读约需2分钟。
📝

内容提要

本文介绍了作者为女友建立无JS、无臃肿的艺术收藏网站的过程,使用了简单的网格布局和hugo系统。作者讨论了元数据管理和不使用WordPress的原因,并提到了生成缩略图的方法。

🔎

延伸解读

元数据管理:艺术展示的核心挑战

文章指出,艺术作品的正式展示需要记录创作时间、作者、材料、技术等元数据,其重要性类似于学术界的参考文献管理。如果仅用Markdown图片链接,同一作品在不同位置出现时需重复复制链接,难以保证元数据一致显示。作者通过Hugo模板结合JSON数据来集中管理这些信息,从而避免手动维护的混乱。

为何弃用WordPress:理念优先于便利

作者承认WordPress在管理媒体文件方面非常方便,是艺术家的理想CMS,但最终选择不使用它,目的是为了践行无JS、无臃肿网络的理念。这一选择意味着放弃现成的媒体管理界面,转而用Hugo和自定义脚本实现类似功能,体现了对轻量、静态网站的坚持。

缩略图生成:脚本与存储策略

为避免在画廊网格中使用高分辨率图片,作者编写了一个简单的Bash脚本,将图片缩放至1280x1280并去除元数据,生成后缀为.tn.jpg的缩略图。缩略图与原始图片存储在同一路径下,便于Hugo模板直接引用。脚本明确不支持递归处理,需手动指定目录。

❓

Q&A

如何使用Hugo构建无JS的艺术画廊网站?

使用Hugo构建无JS的艺术画廊网站可以通过简单的网格布局和元数据管理来实现,确保艺术作品的正式展示。

为什么作者选择不使用WordPress?

作者认为WordPress虽然是管理媒体文件的最佳CMS,但为了强调无臃肿的网页理念,他选择不使用它。

艺术作品的元数据管理有哪些重要信息?

艺术作品的元数据管理包括创作时间、作者、材料和技术等信息,这对于正式展示至关重要。

如何生成艺术作品的缩略图?

可以使用一个简单的脚本将高分辨率图片转换为缩略图,缩略图存储在与原始图片相同的路径下,便于模板使用。

Hugo系统如何处理艺术作品的内容组织?

Hugo系统更适合处理文本而非图像或视频,因此艺术作品需要通过元数据进行复杂的内容组织。

作者在构建网站时使用了什么样的布局?

作者采用了简单的网格布局来展示艺术作品,确保页面简洁且易于浏览。

🏷️

标签

➡️

继续阅读