feat: add booklist shortcode

3 files changed, 116 insertions, 42 deletions

diff --git a/content/readings.md b/content/readings.md
index eb5eb60..29bae0e 100644
--- a/content/readings.md
+++ b/content/readings.md
@@ -1,52 +1,93 @@
 ---
 date: "2025-06-07T13:08:07+08:00"
-title: 读书
+title: 书单
 comment: false
 showMeta: false
 ---
-这里记录着我读过的书，有时候写写书评或读后感，你可以在[读书](/categories/读书/)页面查看所有与书籍有关的文章。
-
-- 「⭐」表示我很喜欢的书籍
-- 「⚪」表示我觉得还可以的书籍
-- 「❌」表示我不太推荐的书籍
-
-## 2025
-
-### ✅读完
-
-- ⚪ 《白夜行》 东野圭吾 / 日本 
-- ❌ 《解忧杂货店》 东野圭吾 / 日本
-- ⚪ 《金色夜叉》 尾崎红叶 / 日本
-- ⚪ 《仲夏之死》 三岛由纪夫 / 日本
-- ⚪ 《潮骚》 三岛由纪夫 / 日本
-- ⭐ 《金阁寺》 三岛由纪夫 / 日本
-- ⭐ [《伊豆的舞女》](/posts/izu-no-odoriko/) 川端康成 / 日本
-- ⭐ 《雪国》 川端康成 / 日本
-- ⭐ [《三岛由纪夫传》](/posts/yukio-mishima/) 约翰·内森 / 美国
-- ⭐ 《活着》 余华 / 中国
-- ⚪ 《变形记》 弗兰兹·卡夫卡 / 奥地利
-- ⭐ [《春雪》](/tags/%E6%98%A5%E9%9B%AA/) 三岛由纪夫 / 日本
-- ⭐ [《奔马》](/posts/honba-mishima-yukio/) 三岛由纪夫 / 日本
-- ⚪《思考的乐趣》 顾森 / 中国
-- ⭐ 《且听风吟》 村上春树 / 日本
-
-### 🔆想读
-
-- 《中国印刷设计史》 安宝江、张馥玫 / 中国
-- 《西西弗神话》 阿尔贝·加缪 / 法国
-~~- 《悉达多》 赫尔曼·黑塞 / 德国~~
-- 《数学之美》吴军 / 中国印刷设计史
-- 《红岩》罗广斌、杨益言 / 中国
-- 《如何阅读一本书》莫提默·J. 艾德勒、查尔斯·范多伦 / 美国
-- 《堂吉诃德》塞万提斯·萨维德拉 / 西班牙
-- 《人生海海》 麦家 / 中国
 
----
+这里记录着我读过的书。
+
+2025年比较懒，我会努力为2026年读过的每一本书都写书评的！
+
+
+## 2025（14本）
+
+<div class="booklist">
+{{< book
+    cover="https://images.glowisle.me/s34611523.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s10323913.jpg"
+>}}
+
+{{< book
+    cover="https://images.glowisle.me/s29396368.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33832856.jpg"
+    url="/posts/honba-mishima-yukio/"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33832855.jpg"
+    url="/posts/spring-snow-mishima-yukio/"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33679379.jpg"
+    url="/posts/yukio-mishima/"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s34500921.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s34501530.jpg"
+    url="/posts/izu-no-odoriko/"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33832309.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33832859.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33832854.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s27264181.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s33316020.jpg"
+>}} 
+
+{{< booklist
+    cover="https://images.glowisle.me/s24514468.jpg"
+>}} 
+
+</div>
 
 ## 2024（3 本）
 
-### ✅读完
+<div class="booklist">
+
+{{< book
+    cover="https://images.glowisle.me/s34099290.jpg"
+>}} 
+
+{{< book
+    cover="https://images.glowisle.me/s1627374.jpg"
+>}} 
 
-- ⚪ 《朝花夕拾》 鲁迅 / 中国
-- ⚪ 《西游记》 吴承恩 / 中国
-- ⚪ 《骆驼祥子》 老舍 / 中国
+{{< book
+    cover="https://images.glowisle.me/s4226891.jpg"
+>}} 
+</div>
diff --git a/layouts/partials/style.html b/layouts/partials/style.html
index 0576b88..8685d39 100644
--- a/layouts/partials/style.html
+++ b/layouts/partials/style.html
@@ -29,6 +29,29 @@
       0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
   }
 
+  .booklist {
+    display: grid;
+    grid-template-columns: repeat(5, 1fr);
+    gap: 20px;
+  }
+
+  .booklist-item {
+    transform: translateZ(0);
+    transition:
+      transform 0.25s,
+      box-shadow 0.25s;
+    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
+  }
+
+  .booklist-item img {
+    height: 100%;
+  }
+
+  .booklist-item:hover {
+    transform: translateY(-5px) translateZ(20px);
+    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5);
+  }
+
   .social-icons {
     display: inline;
     font-size: 16px;
diff --git a/layouts/shortcodes/book.html b/layouts/shortcodes/book.html
new file mode 100644
index 0000000..072669b
--- /dev/null
+++ b/layouts/shortcodes/book.html
@@ -0,0 +1,10 @@
+
+<div class="booklist-item">
+  {{ if .Get "url" }}
+    <a href="{{ .Get "url" }}">
+      <img class="book-cover" src="{{ .Get "cover" }}" alt="图书封面" />
+    </a>
+  {{ else }}
+    <img class="book-cover" src="{{ .Get "cover" }}" alt="图书封面" />
+  {{ end }}
+</div>