使用 slug 而不是 title 定位文章路径

Author: hulinjiang

packages/pure/components/pages/PostPreview.astro

@@ -37,7 +37,7 @@ const postDate = data.updatedDate ?? data.publishDate
       !detailed && 'sm:flex-row',
       detailed && data.heroImage && 'max-md:pt-24'
     )}
-    href={`/blog/${id}`}
+    href={`/blog/${data.slug}`}
     data-astro-prefetch
   >
     {

src/content.config.ts

@@ -1,10 +1,6 @@
 import { defineCollection, z } from 'astro:content';
 import { glob } from 'astro/loaders';
 
-
-
-
-
 function removeDupsAndLowerCase(array: string[]) {
   if (!array.length) return array
   const lowercaseItems = array.map((str) => str.toLowerCase())
@@ -20,6 +16,7 @@ const blog = defineCollection({
     z.object({
       // Required
       title: z.string().max(60),
+      slug: z.string(),
       description: z.string().max(160).optional(),
       publishDate: z.coerce.date(),
       // Optional

src/content/blog/coding/01_位运算.mdx

@@ -13,6 +13,7 @@ heroImage:
   src: ./attachments/bit_op.png
   color: '#188a3e'
 toc: 1
+slug: c1
 ---
 
 import Aside from '@/custom/components/user/Aside.astro'

src/content/blog/coding/bloom_filter.mdx

@@ -12,6 +12,7 @@ ai-model:
   - gemini-2.5-pro
 heroImage:
   src: ./attachments/bloom_filter_2.png
+slug: c2
 ---
 
 import Paper from '@/custom/components/pages/Paper.astro'
@@ -270,3 +271,53 @@ The astro-theme-pure theme is open source under the [Apache 2.0](https://github.
 - **空间效率高**：相比于传统的集合数据结构，布隆过滤器使用更少的内存来存储相同数量的元素。
 - **查询速度快**：布隆过滤器的查询操作非常快速，通常是常数时间复杂度。
 
+
+import Signature from 'src/assets/signature.svg'
+
+<Signature mode='loop'/>
+
+
+{/* // import { MdxRepl } from 'astro-pure/user' */}
+
+# Signature
+
+> Thanks for [zhuozhiyongde (Arthals)](https://github.com/zhuozhiyongde)
+>
+> https://github.com/cworld1/astro-theme-pure/commit/695e722d7d537adb7f1b2893452328e09581b995
+
+<MdxRepl>
+{/* // import Signature from '<place_file_path>' */}
+
+{/* // <Signature /> */}
+
+<Fragment slot='desc'>
+  ```jsx
+  import Signature from '<place_file_path>'
+
+  <Signature />
+  ```
+</Fragment>
+</MdxRepl>
+
+To customize this component, you first need to create an SVG using Figma or another vector graphics editor. This SVG should contain one or more `<path>` elements with a `stroke` attribute, as the animation effect is applied exclusively to these stroked paths. You can refer to [this SVG](https://github.com/zhuozhiyongde/Arthals-Ink/blob/main/src/assets/signature.svg) as an example.
+
+There also has some additional attributes you can use to customize the component:
+
+1. `data-duration`(optional): The duration of the animation in milliseconds. If not specified, the `defaultDuration` prop value will be used. For example: `<path data-duration="800" ... />`
+2. `seq`(optional): The sequence of the path. If not specified, the path will be animated in the order of appearance in the SVG file. For example: `<path seq="1" ... />`, `<path seq="2" ... />`.
+
+By default, the component loads the SVG file from `src/assets/signature.svg`. Place your prepared SVG file at this path and name it `signature.svg`.
+
+## Component Props
+
+You can pass the following props when using the component to customize its animation behavior:
+
+| Prop              | Type                         | Description                                                  | Default Value |
+| ----------------- | ---------------------------- | ------------------------------------------------------------ | ------------- |
+| `mode`            | `'loop'` \| `'once-on-view'` | Animation mode. `loop`: continuously draws and rolls back; `once-on-view`: plays the animation once it enters the viewport. | `'loop'`      |
+| `drawDelay`       | `number`                     | (Loop mode) The delay in milliseconds before drawing the next path. | `200`         |
+| `rollbackDelay`   | `number`                     | (Loop mode) The delay in milliseconds before rolling back the previous path. | `80`          |
+| `loopPause`       | `number`                     | (Loop mode) The pause duration in milliseconds at the end of each full cycle. | `2000`        |
+| `threshold`       | `number`                     | (On-view mode) The visibility threshold (from 0.0 to 1.0) to trigger the animation. | `1.0`         |
+| `defaultDuration` | `number`                     | The default animation duration in milliseconds for each stroke. | `600`         |
+| `class`           | `string`                     | Additional CSS classes to be added to the component's root element. | `undefined`   |

src/content/blog/markdown/icon.mdx

@@ -6,6 +6,7 @@ tags:
   - icons
 heroImage: { src: './thumbnail.jpg', color: '#c8d57fff' }
 language: 'English'
+slug: m1
 ---
 
 import { Icon } from '@/custom/components/user/index'

src/content/blog/markdown/index.md

@@ -6,8 +6,7 @@ tags:
   - Markdown
 heroImage: { src: './thumbnail.jpg', color: '#c8d57fff' }
 language: 'English'
-redirect_from:
-  - m1
+slug: m2
 ---
 
 ## Basic Syntax

src/content/blog/test/b.mdx

@@ -5,6 +5,7 @@ description: 'astro-theme-pure Personalized Customization Guide'
 tags:
   - test
 language: 'English'
+slug: t1
 ---
 
 

src/content/blog/test/paper.mdx

@@ -6,6 +6,7 @@ tags:
   - test
 heroImage: { src: './paper.png'}
 language: '中文'
+slug: t2
 ---
 
 import Paper from '@/custom/components/pages/Paper.astro'

src/content/blog/test/test_code.mdx

@@ -6,6 +6,7 @@ tags:
   - test
   - expressive-code
 language: 'english'
+slug: t3
 ---
 import { MdxRepl, TabItem, Tabs } from 'astro-pure/user'
 

src/content/blog/test/test_inner_link.mdx

@@ -7,9 +7,7 @@ tags:
 language: 'english'
 ai-model: 
   - gemini-2.5-pro
-redirect_from:
-  - hhh
-  - ggg
+slug: t4
 ---
 
 **我 bqweq**