style: 清理代码格式并移除未使用的分类字段

- 修复多个文件末尾缺少换行符的问题
- 移除文章中的分类字段，统一使用标签系统
- 简化代码中的多行字符串和条件判断
- 重新组织导入语句的顺序
- 改进导航菜单面板的响应式设计和交互逻辑

Author: CMSZ

src/components/Search.svelte

@@ -6,9 +6,9 @@ import fa6Icons from "@iconify-json/fa6-solid/icons.json";
 import materialIcons from "@iconify-json/material-symbols/icons.json";
 
 // Preload icons to avoid CDN requests
-if (materialIcons.icons["search"]) {
+if (materialIcons.icons.search) {
 	addIcon("material-symbols:search", {
-		body: materialIcons.icons["search"].body,
+		body: materialIcons.icons.search.body,
 		width: materialIcons.width,
 		height: materialIcons.height,
 	});

src/components/widget/NavMenuPanel.astro

@@ -1,5 +1,6 @@
 ---
 import { Icon } from "astro-icon/components";
+import { LinkPresets } from "../../constants/link-presets";
 import { type NavBarLink } from "../../types/config";
 import { url } from "../../utils/url-utils";
 
@@ -8,25 +9,143 @@ interface Props {
 }
 
 const links = Astro.props.links;
+
+function resolveChildren(link: NavBarLink): NavBarLink[] {
+	return (
+		link.children?.map((child) =>
+			typeof child === "number" ? LinkPresets[child] : child,
+		) ?? []
+	);
+}
+
+const maxLabelLength = Math.max(
+	...links.flatMap((link) => [
+		link.name.length,
+		...resolveChildren(link).map((child) => child.name.length),
+	]),
+);
 ---
-<div id="nav-menu-panel" class:list={["float-panel float-panel-closed absolute transition-all fixed right-4 px-2 py-2"]}>
-    {links.map((link) => (
-        <a href={link.external ? link.url : url(link.url)} class="group flex justify-between items-center py-2 pl-3 pr-1 rounded-lg gap-8
-            hover:bg-[var(--btn-plain-bg-hover)] active:bg-[var(--btn-plain-bg-active)] transition
-        "
-           target={link.external ? "_blank" : null}
-        >
-            <div class="transition text-black/75 dark:text-white/75 font-bold group-hover:text-[var(--primary)] group-active:text-[var(--primary)]">
-                {link.name}
+<div
+    id="nav-menu-panel"
+    style={`--nav-menu-max-label-length: ${Math.max(6, maxLabelLength)}`}
+    class:list={["float-panel float-panel-closed absolute transition-all fixed right-4 px-2 py-2 overflow-hidden"]}
+>
+    {links.map((link) => {
+        const children = resolveChildren(link);
+        const hasChildren = children.length > 0;
+
+        if (!hasChildren) {
+            return (
+                <a href={link.external ? link.url : url(link.url)} class="group flex justify-between items-center py-2 pl-3 pr-1 rounded-lg gap-3 min-w-0
+                    hover:bg-[var(--btn-plain-bg-hover)] active:bg-[var(--btn-plain-bg-active)] transition
+                "
+                    target={link.external ? "_blank" : null}
+                >
+                    <div class="transition text-black/75 dark:text-white/75 font-bold group-hover:text-[var(--primary)] group-active:text-[var(--primary)] truncate">
+                        {link.name}
+                    </div>
+                    {!link.external && <Icon name="material-symbols:chevron-right-rounded"
+                        class="transition text-[1.25rem] text-[var(--primary)]"
+                    >
+                    </Icon>}
+                    {link.external && <Icon name="fa6-solid:arrow-up-right-from-square"
+                        class="transition text-[0.75rem] text-black/25 dark:text-white/25 -translate-x-1"
+                    >
+                    </Icon>}
+                </a>
+            );
+        }
+
+        return (
+            <div class="flex flex-col">
+                <button
+                    type="button"
+                    class="group flex w-full justify-between items-center py-2 pl-3 pr-1 rounded-lg gap-3 min-w-0
+                        hover:bg-[var(--btn-plain-bg-hover)] active:bg-[var(--btn-plain-bg-active)] transition"
+                    data-nav-parent
+                    aria-expanded="false"
+                >
+                    <div class="transition text-black/75 dark:text-white/75 font-bold group-hover:text-[var(--primary)] group-active:text-[var(--primary)] truncate">
+                        {link.name}
+                    </div>
+                    <Icon
+                        name="material-symbols:keyboard-arrow-down-rounded"
+                        class="transition text-[1.25rem] text-[var(--primary)] -translate-x-0.5"
+                        data-nav-arrow
+                    />
+                </button>
+                <div class="hidden pl-3" data-nav-submenu>
+                    {children.map((child) => (
+                        <a
+                            href={child.external ? child.url : url(child.url)}
+                            target={child.external ? "_blank" : null}
+                            rel={child.external ? "noopener noreferrer" : null}
+                            class="group flex justify-between items-center py-2 pl-3 pr-1 rounded-lg gap-3 min-w-0
+                                hover:bg-[var(--btn-plain-bg-hover)] active:bg-[var(--btn-plain-bg-active)] transition"
+                        >
+                            <div class="transition text-black/75 dark:text-white/75 font-medium group-hover:text-[var(--primary)] group-active:text-[var(--primary)] truncate">
+                                {child.name}
+                            </div>
+                            {!child.external && (
+                                <Icon
+                                    name="material-symbols:chevron-right-rounded"
+                                    class="transition text-[1.25rem] text-[var(--primary)]"
+                                />
+                            )}
+                            {child.external && (
+                                <Icon
+                                    name="fa6-solid:arrow-up-right-from-square"
+                                    class="transition text-[0.75rem] text-black/25 dark:text-white/25 -translate-x-1"
+                                />
+                            )}
+                        </a>
+                    ))}
+                </div>
             </div>
-            {!link.external && <Icon name="material-symbols:chevron-right-rounded"
-                  class="transition text-[1.25rem] text-[var(--primary)]"
-            >
-            </Icon>}
-            {link.external && <Icon name="fa6-solid:arrow-up-right-from-square"
-                  class="transition text-[0.75rem] text-black/25 dark:text-white/25 -translate-x-1"
-            >
-            </Icon>}
-        </a>
-    ))}
+        );
+    })}
 </div>
+
+<script>
+function initNavMenuPanel() {
+	const panel = document.getElementById("nav-menu-panel");
+	if (!panel) return;
+
+	const parents = panel.querySelectorAll("[data-nav-parent]");
+	parents.forEach((btn) => {
+		if (!(btn instanceof HTMLButtonElement)) return;
+		if (btn.dataset.bound === "1") return;
+		btn.dataset.bound = "1";
+
+		btn.addEventListener("click", (e) => {
+			e.preventDefault();
+			const container = btn.parentElement;
+			const submenu = container?.querySelector("[data-nav-submenu]");
+			if (!(submenu instanceof HTMLElement)) return;
+
+			const expanded = btn.getAttribute("aria-expanded") === "true";
+			btn.setAttribute("aria-expanded", String(!expanded));
+			submenu.classList.toggle("hidden", expanded);
+
+			const arrow = btn.querySelector("[data-nav-arrow]");
+			if (arrow instanceof HTMLElement) {
+				arrow.classList.toggle("rotate-180", !expanded);
+			}
+		});
+	});
+}
+
+initNavMenuPanel();
+document.addEventListener("content:replace", initNavMenuPanel);
+document.addEventListener("astro:after-swap", initNavMenuPanel);
+</script>
+
+<style>
+#nav-menu-panel {
+	width: clamp(
+		10rem,
+		calc(var(--nav-menu-max-label-length) * 1.1ch + 4.75rem),
+		calc(100vw - 2rem)
+	);
+}
+</style>

src/config.ts

@@ -1,11 +1,11 @@
 import type {
+	CommentConfig,
 	ExpressiveCodeConfig,
 	LicenseConfig,
 	NavBarConfig,
 	ProfileConfig,
 	SiteConfig,
 	UmamiConfig,
-	CommentConfig,
 } from "./types/config";
 import { LinkPreset } from "./types/config";
 
@@ -47,7 +47,7 @@ export const navBarConfig: NavBarConfig = {
 		LinkPreset.Archive,
 		{
 			name: "我的",
-			url: "#",
+			url: "",
 			children: [
 				LinkPreset.About,
 				{
@@ -113,7 +113,6 @@ export const umamiConfig: UmamiConfig = {
 	timezone: "Asia/Shanghai",
 };
 
-
 export const commentConfig: CommentConfig = {
 	enable: true,
 	type: "waline",
@@ -128,4 +127,4 @@ export const commentConfig: CommentConfig = {
 		requiredMeta: ["nick", "mail"],
 		whiteList: [],
 	},
-};
+};

src/content/posts/guide/index.md

@@ -4,7 +4,6 @@ published: 2025-08-05
 description: ''
 image: ''
 tags: ["Fuwari","Astro"]
-category: '记录'
 draft: false 
 lang: ''
 

src/content/posts/record/index.md

@@ -4,7 +4,6 @@ published: 1999-01-01
 description: ''
 image: ''
 tags: [记录]
-category: '记录'
 draft: false 
 lang: ''
 ---

src/content/posts/umami-serverless/index.md

@@ -6,7 +6,6 @@ image: ""
 tags:
   - Serverless
   - Umami
-category: 教程
 draft: true
 lang: ''
 

src/data/diary.ts

@@ -11,12 +11,10 @@ export interface DiaryItem {
 	tags?: string[];
 }
 
-// 示例日记数据
 const diaryData: DiaryItem[] = [
 	{
 		id: 1,
-		content:
-			"删库跑路！",
+		content: "删库跑路！",
 		date: "2026-02-09T08:40:00Z",
 	},
 ];

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

@@ -6,7 +6,6 @@ import { PAGE_SIZE } from "../constants/constants";
 import MainGridLayout from "../layouts/MainGridLayout.astro";
 import { getSortedPosts } from "../utils/content-utils";
 
-
 export const getStaticPaths = (async ({ paginate }) => {
 	const allBlogPosts = await getSortedPosts();
 	return paginate(allBlogPosts, { pageSize: PAGE_SIZE });

src/pages/atom.xml.ts

@@ -62,9 +62,7 @@ export async function GET(context: APIContext) {
 					const prefixRemoved = src.slice(2);
 					// Check if this post is in a subdirectory (like bestimageapi/index.md)
 					const postPath = post.id; // This gives us the full path like "bestimageapi/index.md"
-					const postDir = postPath.includes("/")
-						? postPath.split("/")[0]
-						: "";
+					const postDir = postPath.includes("/") ? postPath.split("/")[0] : "";
 
 					if (postDir) {
 						// For posts in subdirectories
@@ -80,9 +78,7 @@ export async function GET(context: APIContext) {
 				} else {
 					// Handle direct filename (no ./ prefix) - assume it's in the same directory as the post
 					const postPath = post.id; // This gives us the full path like "bestimageapi/index.md"
-					const postDir = postPath.includes("/")
-						? postPath.split("/")[0]
-						: "";
+					const postDir = postPath.includes("/") ? postPath.split("/")[0] : "";
 
 					if (postDir) {
 						// For posts in subdirectories
@@ -98,10 +94,7 @@ export async function GET(context: APIContext) {
 				);
 				if (imageMod) {
 					const optimizedImg = await getImage({ src: imageMod });
-					img.setAttribute(
-						"src",
-						new URL(optimizedImg.src, context.site).href,
-					);
+					img.setAttribute("src", new URL(optimizedImg.src, context.site).href);
 				} else {
 					// Debug: log the failed import path
 					console.log(
@@ -132,13 +125,6 @@ export async function GET(context: APIContext) {
     <author>
       <name>${profileConfig.name}</name>
     </author>`;
-
-		// 添加分类标签
-		if (post.data.category) {
-			atomFeed += `
-    <category term="${post.data.category}"></category>`;
-		}
-
 		atomFeed += `
   </entry>`;
 	}

src/pages/diary.astro

@@ -5,7 +5,6 @@ import I18nKey from "../i18n/i18nKey";
 import { i18n } from "../i18n/translation";
 import MainGridLayout from "../layouts/MainGridLayout.astro";
 
-
 // 获取日记数据
 const moments = getDiaryList();
 const diaryStats = getDiaryStats();