refactor: vuepress => vitepress

[ChoDragon9]

목표

• VuePress 에서 VitePress로 마이그레이션

이유

• 좀 더 매끄러운 UI/UX 변경을 위함
  • VuePress는 Docusaurus나 VitePress보다 덜 매끄러움
• 레거시 패키지 제거
• 다른 문서화 프레임워크에 대비 VitePress는 군더더기가 없고, 심플함

기능 지원 여부 체크

3rd party

• [x] Google Adsense => meta 태그 설정만 가져오면 됨
• [x] Google Analytics => 가이드 있음.
• [x] algolia 검색 지원 => Algolia Search 가이드, 그리고 기본적으로 Local Search 기능을 내장하고 있음.

1st party

• [x] SEO 관련
  • [x] robots - 그냥 두면 됨
  • [x] sitemap - Sitemap Generation
  • [x] 페이지 주소 유지 - 유지됨
• [x] 이미지 리소스
  • [x] favicon - public 폴더 유지하면 됨
  • [x] Open Graph - 별도로 지원하지는 않음. transformPageData 직접 구현해야함.
• [x] 다국어 - i18n
• [x] markdown import 변환 - Import Code Snippets 내장됨.
• [x] 블로그 기능
  • [x] 코드 데모 - 미지원, Code Groups으로 변환
  • [x] 코드 탭 - Code Groups
  • [x] 탭 => 미사용 중

작업 과정

• [x] 패키지 변경 - Getting Started

3rd party

• [x] Google Adsense => meta 태그 설정만 가져오면 됨
• [x] Google Analytics => 가이드 있음.
• [x] algolia 검색 지원 => Algolia Search 가이드, 그리고 기본적으로 Local Search 기능을 내장하고 있음.

1st party

• [x] SEO 관련
  • [x] sitemap - Sitemap Generation
• [x] 다국어 - i18n
• [x] markdown import 변환 - Import Code Snippets 내장됨.
  • [x] @/docs
  • [x] @/0_files
• [x] 코드 데모 - normal-demo => code-group Code Groups으로 변환
• [x] 코드 탭 - Code Groups

기타 설정 변경

• [x] 설정 변경
• [x] 네비게이션 설정 변경
  • https://vitepress.dev/guide/i18n
• [x] 폰트 적용 - https://vitepress.dev/guide/extending-default-theme#using-different-fonts
• [x] 페이지 간의 링크 - https://vitepress.dev/guide/routing#linking-between-pages

동작 확인

• [x] 배경 적용 / 이미지
• [x] Google Adsense
• [x] Google Analytics
• [x] algolia 검색
• [x] 다국어
• [x] markdown import 변환
• [x] sidebar / 네비게이션 변경
  • [x] 한국어
    • [x] activeMatch 처리
  • [x] 영어
    • [x] activeMatch 처리
• [x] Code Groups
• [x] sitemap

[ChoDragon9]

AS IS

TO BE