From bb8fdfbf9a2f06603be94663ec9f93af97cf1b4b Mon Sep 17 00:00:00 2001 From: Yufan Sheng Date: Thu, 28 Nov 2024 00:32:12 +0800 Subject: [PATCH] feat: support line wrap for category description. --- src/content/categories/article.yml | 3 ++- src/content/categories/gossip.yml | 4 +++- src/content/categories/novel.yml | 3 ++- src/content/config.ts | 2 +- src/layouts/posts/CategoriesLayout.astro | 2 +- src/layouts/posts/CategoryLayout.astro | 4 +++- 6 files changed, 12 insertions(+), 6 deletions(-) diff --git a/src/content/categories/article.yml b/src/content/categories/article.yml index 3345a1c..b218631 100644 --- a/src/content/categories/article.yml +++ b/src/content/categories/article.yml @@ -2,5 +2,6 @@ name: 文章 slug: article description: |- 我在寻找一个声音，期待着它把书影里的音符唱给你们听。 - 记录一本书、一个作者、一部电影及其与生活之间丝丝缕缕的情。我热爱书和电影，更热爱生活，希望我们都有着走不完的似水流年，说不完的逝水年华。 + 记录一本书、一个作者、一部电影及其与生活之间丝丝缕缕的情。 + 我热爱书和电影，更热爱生活，希望我们都有着走不完的似水流年，说不完的逝水年华。 cover: /images/categories/article.jpg diff --git a/src/content/categories/gossip.yml b/src/content/categories/gossip.yml index d5ae928..9aa47df 100644 --- a/src/content/categories/gossip.yml +++ b/src/content/categories/gossip.yml @@ -1,5 +1,7 @@ name: 杂谈 slug: gossip description: |- - 我读书不过为消遣，偶至有趣处，便欣然记下。不敢说集腋成裘，但聊作敝帚自珍。有伟人说，科学的世界像是海洋，他像在海边玩耍的孩子，偶尔捡拾到几只贝壳，他就很高兴。海洋的比喻也可用作浩瀚的文史，行走在文史的典籍里，偶尔捡到一些边角料，也同样令人兴奋。 + 我读书不过为消遣，偶至有趣处，便欣然记下。不敢说集腋成裘，但聊作敝帚自珍。 + 有伟人说，科学的世界像是海洋，他像在海边玩耍的孩子，偶尔捡拾到几只贝壳，他就很高兴。 + 海洋的比喻也可用作浩瀚的文史，行走在文史的典籍里，偶尔捡到一些边角料，也同样令人兴奋。 cover: /images/categories/gossip.jpg diff --git a/src/content/categories/novel.yml b/src/content/categories/novel.yml index d58b3b0..5f2c299 100644 --- a/src/content/categories/novel.yml +++ b/src/content/categories/novel.yml @@ -1,5 +1,6 @@ name: 小说 slug: novel description: |- - 在这个世界里没有朝霞的红，没有苔藓的绿，没有夜来香的黄，没有橡木的棕，也没有深海的蓝。有的只是孩子们张惶不安的丈量世界，换来一声叹息。 + 在这个世界里，没有朝霞的红，没有苔藓的绿，没有夜来香的黄，没有橡木的棕，也没有深海的蓝。 + 有的只是孩子们张惶不安地丈量世界，换来一声叹息。 cover: /images/categories/novel.jpg diff --git a/src/content/config.ts b/src/content/config.ts index eb11fba..1db9d8c 100644 --- a/src/content/config.ts +++ b/src/content/config.ts @@ -53,7 +53,7 @@ const categoriesCollection = defineCollection({ name: z.string().max(20), slug: slug(), cover: image(defaultCover), - description: z.string().max(999).optional(), + description: z.string().max(999).optional().default(''), }), }); diff --git a/src/layouts/posts/CategoriesLayout.astro b/src/layouts/posts/CategoriesLayout.astro index b3b549e..b2047de 100644 --- a/src/layouts/posts/CategoriesLayout.astro +++ b/src/layouts/posts/CategoriesLayout.astro @@ -32,7 +32,7 @@ const { title } = Astro.props; {category.name}
-
{category.description}
+
{category.description.split('\n')[0]}
diff --git a/src/layouts/posts/CategoryLayout.astro b/src/layouts/posts/CategoryLayout.astro index d5c61ac..59e3787 100644 --- a/src/layouts/posts/CategoryLayout.astro +++ b/src/layouts/posts/CategoryLayout.astro @@ -21,7 +21,9 @@ const { currentPosts, totalPage } = slicePosts(posts, pageNum, options.settings.

{category.name}

-
{category.description}
+
+ {category.description.split('\n').map((line) => (line !== '' ?

{line}

: ''))} +
{currentPosts.map((post, index) => )}