main

Author: sharpchen

docs/data/Features.data.ts

@@ -15,6 +15,7 @@ const loader = {
 };
 
 export default loader;
+
 type FeatureCompose = {
   features: Feature[];
   articleFeature: Feature[];

docs/index.md

@@ -10,6 +10,7 @@ image:
 alt: sharpchen
 ---
 
+<VPHero name="Article" />
 <VPFeatures :features="articleFeature" />
 <VPHero name="Skill" />
 <VPFeatures :features="features" />

docs/services/DocumentService.ts

@@ -12,8 +12,8 @@ export const skillDocMap = {
   Articles: { icon: '📰', description: 'Regular articles' },
   Avalonia: { icon: '😱', description: 'AvaloniaUI' },
   Docker: { icon: '🐳', description: '' },
-  Git: { icon: '😸', description: 'Git mastery' },
-  JavaScript: { icon: '😅', description: 'Not funny' },
+  Git: { icon: '🐙', description: 'Git mastery' },
+  JavaScript: { icon: '😅', description: '' },
   // SQL: { icon: '🦭', description: '' },
   TypeScript: { icon: '🤯', description: 'Type wizard I will become...' },
   // VBA: { icon: '💩', description: 'VBA for excel' },
@@ -24,10 +24,10 @@ export const skillDocMap = {
   //   description: 'Make your own nvim color scheme using lua.',
   // },
   Bash: { icon: '🐢', description: 'Shebang!' },
-  'Regular Expression': { icon: '🐫', description: "Can't remember it for 2 days" },
+  'Regular Expression': { icon: '🐫', description: '' },
   Nix: { icon: '❄', description: 'Reproduce freedom' },
   'Entity Framework Core': { icon: '🗿', description: '' },
-  'HTML & CSS': { icon: '😬', description: '' },
+  // 'HTML & CSS': { icon: '😬', description: '' },
   PowerShell: { icon: '🐚', description: 'A pretty solid shell' },
   Lua: { icon: '🌝', description: 'I wish lua could have JavaScript syntax' },
 } as const satisfies DocumentInfo;

docs/services/SidebarService.ts

@@ -2,21 +2,27 @@ import { execSync } from 'node:child_process';
 import path from 'node:path';
 import type { DefaultTheme } from 'vitepress';
 import { type DirectoryInfo, type FileInfo, Path, documentRoot } from '../shared/FileSystem';
-import { type DocumentName, skillDocMap, documentService } from './DocumentService';
+import { type DocumentName, documentService } from './DocumentService';
 import type { IDocumentService } from './IDocumentService';
 import type { ISidebarService } from './ISidebarService';
 const solveSharpSign = (text: string) => {
   if (text.includes('sharp')) return text.replace('sharp', '#');
   if (text.includes('Sharp')) return text.replace('Sharp', '#');
   return text;
 };
+
 class SidebarService implements ISidebarService {
   private readonly base: string = `/${documentRoot().name}`;
   readonly documentService: IDocumentService = documentService;
   getMultipleSidebar(): DefaultTheme.SidebarMulti {
     const sidebar: DefaultTheme.SidebarMulti = {};
-    for (const name of Object.keys(skillDocMap)) {
-      sidebar[`${this.base}/${name}/docs/`] = this.getSidebarOfDocument(name as DocumentName);
+    for (const name of Object.keys(documentService.skillDocInfo)) {
+      sidebar[`${this.base}/Skill/${name}/docs/`] = this.getSidebarOfDocument(name as DocumentName);
+    }
+    for (const name of Object.keys(documentService.readingDocInfo)) {
+      sidebar[`${this.base}/Reading/${name}/docs/`] = this.getSidebarOfDocument(
+        name as DocumentName,
+      );
     }
     return sidebar;
   }