feat: 新增子分类功能，美化profile

src/utils/content-utils.ts

@@ -1,7 +1,7 @@
 import { type CollectionEntry, getCollection } from "astro:content";
 import I18nKey from "@i18n/i18nKey";
 import { i18n } from "@i18n/translation";
-import { getCategoryUrl } from "@utils/url-utils.ts";
+import { getCategoryUrl, parseCategoryHierarchy, getCategoryAncestors } from "@utils/url-utils.ts";
 
 // // Retrieve posts and sort them by publication date
 async function getRawSortedPosts() {
@@ -74,41 +74,87 @@ export async function getTagList(): Promise<Tag[]> {
 
 export type Category = {
 	name: string;
+	fullName: string; // 完整的层级路径
 	count: number;
 	url: string;
+	level: number; // 层级深度，0为顶级
+	parent: string | null; // 父分类名称
+	children: Category[]; // 子分类
 };
 
 export async function getCategoryList(): Promise<Category[]> {
 	const allBlogPosts = await getCollection<"posts">("posts", ({ data }) => {
 		return import.meta.env.PROD ? data.draft !== true : true;
 	});
-	const count: { [key: string]: number } = {};
-	allBlogPosts.map((post: { data: { category: string | null } }) => {
+	
+	const directCategoryCount: { [key: string]: number } = {}; // 直接分类计数
+	const totalCategoryCount: { [key: string]: number } = {}; // 包含子分类的总计数
+	const allCategories = new Set<string>();
+	
+	// 收集所有分类
+	allBlogPosts.forEach((post: { data: { category: string | null } }) => {
 		if (!post.data.category) {
 			const ucKey = i18n(I18nKey.uncategorized);
-			count[ucKey] = count[ucKey] ? count[ucKey] + 1 : 1;
+			directCategoryCount[ucKey] = (directCategoryCount[ucKey] || 0) + 1;
+			totalCategoryCount[ucKey] = (totalCategoryCount[ucKey] || 0) + 1;
+			allCategories.add(ucKey);
 			return;
 		}
 
-		const categoryName =
-			typeof post.data.category === "string"
-				? post.data.category.trim()
-				: String(post.data.category).trim();
+		const categoryName = typeof post.data.category === "string"
+			? post.data.category.trim()
+			: String(post.data.category).trim();
 
-		count[categoryName] = count[categoryName] ? count[categoryName] + 1 : 1;
+		// 直接分类计数
+		directCategoryCount[categoryName] = (directCategoryCount[categoryName] || 0) + 1;
+		allCategories.add(categoryName);
+		
+		// 为所有祖先分类增加总计数
+		const ancestors = getCategoryAncestors(categoryName);
+		ancestors.forEach(ancestor => {
+			totalCategoryCount[ancestor] = (totalCategoryCount[ancestor] || 0) + 1;
+			allCategories.add(ancestor);
+		});
 	});
 
-	const lst = Object.keys(count).sort((a, b) => {
+	// 构建分类树
+	const categoryMap = new Map<string, Category>();
+	const rootCategories: Category[] = [];
+
+	// 按层级深度排序，确保父分类先创建
+	const sortedCategories = Array.from(allCategories).sort((a, b) => {
+		const aDepth = parseCategoryHierarchy(a).length;
+		const bDepth = parseCategoryHierarchy(b).length;
+		if (aDepth !== bDepth) return aDepth - bDepth;
 		return a.toLowerCase().localeCompare(b.toLowerCase());
 	});
 
-	const ret: Category[] = [];
-	for (const c of lst) {
-		ret.push({
-			name: c,
-			count: count[c],
-			url: getCategoryUrl(c),
-		});
-	}
-	return ret;
+	sortedCategories.forEach(categoryName => {
+		const hierarchy = parseCategoryHierarchy(categoryName);
+		const level = hierarchy.length - 1;
+		const displayName = hierarchy[hierarchy.length - 1];
+		const parentFullName = hierarchy.length > 1 
+			? hierarchy.slice(0, -1).join(' > ') 
+			: null;
+
+		const category: Category = {
+			name: displayName,
+			fullName: categoryName,
+			count: totalCategoryCount[categoryName] || 0, // 使用总计数
+			url: getCategoryUrl(categoryName),
+			level,
+			parent: parentFullName,
+			children: []
+		};
+
+		categoryMap.set(categoryName, category);
+
+		if (parentFullName && categoryMap.has(parentFullName)) {
+			categoryMap.get(parentFullName)!.children.push(category);
+		} else {
+			rootCategories.push(category);
+		}
+	});
+
+	return rootCategories;
 }

src/utils/url-utils.ts

@@ -31,6 +31,35 @@ export function getCategoryUrl(category: string | null): string {
 	return url(`/archive/?category=${encodeURIComponent(category.trim())}`);
 }
 
+// 解析分类层级结构
+export function parseCategoryHierarchy(category: string): string[] {
+	if (!category || category.trim() === "") return [];
+	// 支持使用 "/" 或 " > " 作为分隔符
+	const separators = [' > ', '/'];
+	for (const sep of separators) {
+		if (category.includes(sep)) {
+			return category.split(sep).map(c => c.trim()).filter(c => c.length > 0);
+		}
+	}
+	return [category.trim()];
+}
+
+// 获取父分类
+export function getParentCategory(category: string): string | null {
+	const hierarchy = parseCategoryHierarchy(category);
+	return hierarchy.length > 1 ? hierarchy.slice(0, -1).join(' > ') : null;
+}
+
+// 获取所有祖先分类（包括自己）
+export function getCategoryAncestors(category: string): string[] {
+	const hierarchy = parseCategoryHierarchy(category);
+	const ancestors: string[] = [];
+	for (let i = 1; i <= hierarchy.length; i++) {
+		ancestors.push(hierarchy.slice(0, i).join(' > '));
+	}
+	return ancestors;
+}
+
 export function getDir(path: string): string {
 	const lastSlashIndex = path.lastIndexOf("/");
 	if (lastSlashIndex < 0) {