修复bug
This commit is contained in:
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
|
||||
---
|
||||
|
||||
|
||||
Reference in new issue
Block a user