修复bug

This commit is contained in:
zqlit committed 2026-05-24 19:58:07 +08:00
1 parent e382dc36a5
commit 331af9074a
121 files changed
+323 -210

No files matched your search

@@ -1,23 +1,25 @@
---
layout: post
title: 给Hugo博客添加瀑布流相册功能
date: 2026-01-30T13:00:00+08:00
updated: 2026-01-30T13:00:00+08:00
date: 2026-01-30T05:00:00.000Z
updated: 2026-01-30T05:00:00.000Z
draft: false
author: 小赵同学
categories:
categories:
- 折腾
- 建站
tags:
tags:
- Hugo
- CSS
- 瀑布流
- 相册
ai_comment: "哇,这个瀑布流相册的效果真的很棒!感觉比普通的方格布局更有生活气息。用 Hugo Data Templates 分离数据的思路也很清晰,以后维护起来应该很方便。我也去折腾一下我的博客试试!😄"
gemini_comment:
location:
ai_comment: >-
数据与表现分离的思路很清晰,YAML+CSS
column-count的方案确实轻量。注意到你处理了图片懒加载和移动端适配这两个关键点,这是很多初级实现容易忽略的。如果考虑进一步优化,可以测试下图片宽高比固定的情况下,用aspect-ratio属性避免布局抖动。技术上,这种纯CSS方案在图片高度差异较大时可能出现空白间隙,但作为技术博客的相册已经足够实用。
gemini_comment: null
location: null
show_theme: 1
top_img: https://picsum.photos/800/400
top_img: 'https://picsum.photos/800/400'
slug: 20260130
---