重命名组件,指定日期格式

Author: CatCodeMe

packages/pure/components/pages/Copyright.astro

@@ -91,7 +91,9 @@ const showToastStr = showToast.toString()
             <span>Published at</span>
             <span class='text-sm text-foreground'>
               {getFormattedDate(publishDate, {
-                month: 'long'
+                year: 'numeric',
+                month: '2-digit',
+                day: '2-digit'
               })}
             </span>
           </div>
@@ -126,7 +128,9 @@ const showToastStr = showToast.toString()
           <span>Published at</span>
           <span class='text-sm text-foreground'>
             {getFormattedDate(publishDate, {
-              month: 'long'
+              year: 'numeric',
+              month: '2-digit',
+              day: '2-digit'
             })}
           </span>
         </div>

packages/pure/components/pages/Hero.astro

@@ -26,7 +26,9 @@ const {
 } = Astro.props
 
 const dateTimeOptions: Intl.DateTimeFormatOptions = {
-  month: 'short'
+  year: 'numeric',
+  month: '2-digit',
+  day: '2-digit'
 }
 ---
 

packages/pure/components/pages/PostPreview.astro

@@ -51,7 +51,7 @@ const postDate = data.updatedDate ?? data.publishDate
       )
     }
 
-    <FormattedDate class='min-w-[95px] py-1 text-xs' date={postDate} />
+    <FormattedDate class='min-w-[95px] py-1 text-xs' date={postDate} dateTimeOptions={{ year: 'numeric', month: '2-digit', day: '2-digit' }} />
 
     <Tag class='z-10 flex-grow'>
       {/* title */}

public/styles/global.css

@@ -15,6 +15,7 @@ body.hide-scrollbar::-webkit-scrollbar {
 body {
   font-family: "JyunsaiKaai";
   font-weight: normal;
+  text-autospace: normal;
 }
 
 @font-face {

src/content/blog/test/conversation-test.mdx

@@ -1,13 +1,13 @@
 ---
-title: 'Conversation Component Feature Test'
+title: '组件指南: Conversation Component'
 publishDate: 2025-09-15
 description: 'Testing new features: optional collapse, distinct card designs, and improved numbering.'
 tags:
   - test
-  - astro
+  - component
   - 建站
 language: 'english'
-slug: conversation-component-test
+slug: ccte
 ---
 
 import { Conversation,Message } from '@/components/conversation';

src/content/blog/test/test_banner.mdx

@@ -1,21 +1,23 @@
 ---
-title: Banner 组件用法
-description: '如何使用通用的 Banner 组件来创建页面标题区域。'
+title: '组件指南: Banner'
+description: '如何使用通用的 Banner 组件来创建页面标题区域'
 publishDate: 2025-10-17 19:45:00
 slug: yex1
-tags: ['组件', '建站']
+tags: ['component', '建站']
 ---
 
 import { MdxRepl, Aside } from '@/custom/components/user';
 import Banner from '@/components/banner/Banner.astro';
 import { Icon } from '@/custom/components/user';
 import bannerImage from '@/assets/shelf/desk1.png';
 
-`Banner` 是一个通用的页面横幅组件，用于快速创建一个包含左侧内容和右侧图片的标题区域。它通过 Astro 的 `slot` (插槽) 特性提供了极高的灵活性。
+`Banner` 是一个通用的页面横幅组件,用于快速创建一个包含左侧内容和右侧图片的标题区域.
+
+`Banner` 组件的核心是它的默认插槽. 您可以在组件标签内放置任何有效的 HTML 或 Astro 组件,它们将被渲染在 Banner 的左侧区域. 这通过 Astro 的 `slot` (插槽) 特性提供了极高的灵活性.
 
 ### 基础用法
 
-`Banner` 组件接收两个主要属性：`image` 和 `imageAlt`。您需要将想要在左侧显示的任何内容放置在 `<Banner>` 和 `</Banner>` 标签之间。
+`Banner` 组件接收两个主要属性:`image` 和 `imageAlt`.您需要将想要在左侧显示的任何内容放置在 `<Banner>` 和 `</Banner>` 标签之间.
 
 <MdxRepl>
   <Banner image={bannerImage} imageAlt="示例图片">
@@ -24,7 +26,7 @@ import bannerImage from '@/assets/shelf/desk1.png';
       <h2 class="text-3xl font-bold">这是主标题</h2>
     </div>
     <p class="border-l-2 border-border pl-3 text-muted-foreground mt-2">
-      这是副标题，您可以在这里写一些描述性文字。
+      这是副标题,您可以在这里写一些描述性文字.
     </p>
   </Banner>
   <Fragment slot="desc">
@@ -39,16 +41,16 @@ import bannerImage from '@/assets/shelf/desk1.png';
         <h2 class="text-3xl font-bold">这是主标题</h2>
       </div>
       <p class="border-l-2 border-border pl-3 text-muted-foreground mt-2">
-        这是副标题，您可以在这里写一些描述性文字。
+        这是副标题,您可以在这里写一些描述性文字.
       </p>
     </Banner>
     ```
   </Fragment>
 </MdxRepl>
 
-### MDX Syntax Example
+### MDX 用法
 
-When using in an `.mdx` file, you can write Markdown directly in the slot, like this:
+在 `.mdx` 文件中使用时,您可以直接在插槽中编写 Markdown,如下所示:
 
 <MdxRepl prose={true}>
   <Banner image={bannerImage} imageAlt="MDX Example Image">
@@ -69,38 +71,21 @@ When using in an `.mdx` file, you can write Markdown directly in the slot, like
   </Fragment>
 </MdxRepl>
 
-### 组件属性 (Props)
-
-| 属性 | 类型 | 是否必需 | 描述 |
-|---|---|---|---|
-| `image` | `ImageMetadata` | 是 | 用于右侧展示的图片资源, 需要从 `src` 目录导入。 |
-| `imageAlt` | `string` | 是 | 图片的替代文本。 |
-| `class` | `string` | 否 | 为组件根元素添加额外的 CSS 类。 |
-| `loading` | `'lazy' \| 'eager'` | 否 | 图片的加载策略，对于首屏的 Banner，推荐设置为 `eager`。 |
-
-
-<Banner image={bannerImage} imageAlt="MDX Example Image">
-      ## This is a Markdown Title
-      This is a paragraph written in **Markdown** syntax.
-</Banner>
-
-<Banner image={bannerImage} imageAlt="MDX Example Image">
-    > This is a Markdown Title
-
-</Banner>
-
-### 插槽 (Slot)
-
-<Aside type="info">
-`Banner` 组件的核心是它的默认插槽。您可以在组件标签内放置任何有效的 HTML 或 Astro 组件，它们将被渲染在 Banner 的左侧区域。
-</Aside>
-
-<Aside type="tip" title="在 MDX 中使用">
-正如本页面一样，当您在 `.mdx` 文件中使用 `Banner` 组件时，可以直接在插槽中编写 Markdown 语法，它会被自动解析。
+<Aside type="tip" title="提示">
+正如本页面一样,当您在 `.mdx` 文件中使用 `Banner` 组件时,可以直接在插槽中编写 Markdown 语法,它会被自动解析.
 ```mdx
 <Banner image={...}>
   ### 我是一个 Markdown 标题
-  这是用 **Markdown** 写的段落。
+  这是用 **Markdown** 写的段落.
 </Banner>
 ```
-</Aside>
+</Aside>
+
+### 组件属性 (Props)
+
+| 属性 | 类型 | 是否必需 | 描述 |
+|---|---|---|---|
+| `image` | `ImageMetadata` | 是 | 用于右侧展示的图片资源, 需要从 `src` 目录导入. |
+| `imageAlt` | `string` | 是 | 图片的替代文本. |
+| `class` | `string` | 否 | 为组件根元素添加额外的 CSS 类. |
+| `loading` | `'lazy' \| 'eager'` | 否 | 图片的加载策略,对于首屏的 Banner,推荐设置为 `eager`. |

src/content/blog/shelf-config.mdx renamed to src/content/blog/test/test_shelf.mdx

@@ -1,8 +1,8 @@
 ---
-title: 书架功能配置指南
+title: '页面配置: 书架 (Shelf)'
 description: '如何配置和使用书架页面'
 publishDate: 2025-10-15 22:00:00
-slug: shelf-config
+slug: shelf
 tags: ['建站', '功能说明']
 ---
 

src/pages/archives/index.astro

@@ -1,5 +1,5 @@
 ---
-import { PostPreview } from 'astro-pure/components/pages'
+import { PostPreview } from '@/custom/components/pages'
 import { getBlogCollection, groupCollectionsByYear, sortMDByDate } from 'astro-pure/server'
 import { Button } from 'astro-pure/user'
 import PageLayout from '@/layouts/BaseLayout.astro'

src/pages/blog/[...page].astro

@@ -2,7 +2,8 @@
 import type { GetStaticPaths, Page } from 'astro'
 import type { CollectionEntry } from 'astro:content'
 
-import { Paginator, PostPreview } from 'astro-pure/components/pages'
+import { Paginator } from 'astro-pure/components/pages'
+import { PostPreview } from '@/custom/components/pages'
 import { getBlogCollection, getUniqueTags, sortMDByDate } from 'astro-pure/server'
 import { Button, Icon } from 'astro-pure/user'
 import PageLayout from '@/layouts/BaseLayout.astro'