feat: show category name

Author: bsdayo

src/pages/categories/[category].astro

@@ -11,6 +11,7 @@ interface Props {
 }
 
 const category = Astro.params.category
+const categoryName = getCategoryName(category?.toString() ?? '')
 
 export const getStaticPaths: GetStaticPaths = async () => {
   const posts = await getPosts()
@@ -25,7 +26,7 @@ export const getStaticPaths: GetStaticPaths = async () => {
 }
 ---
 
-<ContentLayout title={`分类 - ${getCategoryName(category?.toString() ?? '')}`}>
-  <h1>分类 - {category}</h1>
+<ContentLayout title={`分类 - ${categoryName}`}>
+  <h1>分类 - {categoryName}</h1>
   <PostList posts={Astro.props.posts} />
 </ContentLayout>

src/pages/posts/index.astro

@@ -3,6 +3,7 @@ import ContentLayout from '@/layouts/ContentLayout.astro'
 import { getPosts, getTags, getCategories } from '@/utils/post'
 import { Shapes, Tags } from 'lucide-react'
 import PostList from '@/components/common/PostList.astro'
+import { getCategoryName } from '@/utils/names'
 
 const posts = await getPosts()
 const tags = getTags(posts)
@@ -32,7 +33,7 @@ const categories = getCategories(posts)
       categories.map(([category, count]) => (
         <span class="inline-block">
           <a href={`/categories/${category}`}>
-            {category}
+            {getCategoryName(category)}
             <span class="text-xs">{count}</span>
           </a>
         </span>