feat: 사이드바 항목에 카테고리 색상 표시 추가

Author: toothlessdev

.vitepress/plugins/posts.ts

@@ -43,10 +43,6 @@ async function handleHotUpdate(ctx: any) {
             console.log("📝 포스트 변경 감지, 목록 업데이트 중...");
             await executePostGeneration();
             console.log("✅ 포스트 목록 업데이트 완료!");
-            console.log("📋 사이드바 업데이트를 위해 개발 서버를 재시작해주세요!");
-            console.log("   또는 Ctrl+C 후 yarn docs:dev 를 다시 실행하세요.");
-
-            triggerFullReload(ctx.server);
         } catch (error) {
             console.warn(
                 "포스트 목록 생성 실패:",

.vitepress/plugins/sidebar.ts

@@ -2,6 +2,7 @@ import { readdirSync, statSync, readFileSync, Dirent } from "fs";
 import { join, extname, basename } from "path";
 import type { DefaultTheme } from "vitepress";
 import matter from "gray-matter";
+import { getCategoryColor } from "../../src/constants/colors";
 
 interface SidebarItem {
     text: string;
@@ -47,9 +48,10 @@ function generateSidebarItems(dir: string, basePath: string): SidebarItem[] {
 
         for (const folder of folders.sort((a: Dirent, b: Dirent) => a.name.localeCompare(b.name))) {
             const folderBasePath = `${basePath}/${folder.name}`;
+            const color = getCategoryColor(folder.name);
 
             items.push({
-                text: formatTitle(folder.name),
+                text: `<span class="category-indicator" style="background-color: ${color};"></span>${formatTitle(folder.name)}`,
                 link: `${folderBasePath}/`,
             });
         }