Skip to content

프로젝트 소개

TechHub는 지속적으로 성장하는 개인 기술 지식 베이스로, VitePress 기반으로 구축되었으며, 모든 학습 내용을 Markdown으로 축적하고 한 번의 클릭으로 정적 사이트로 배포합니다.

사이트 포지셔닝

다양한 기술 콘텐츠를 모아 원스톱으로 열람합니다:

섹션경로내용
기술 문서/frontend/ /backend/ /languages/ /ai/각 기술 분야의 지식 노트
학습 경로/paths/0부터 1까지의 학습 로드맵
과정 기록/journals/학습 로그, 문제 해결과 프로젝트 회고
독서 노트/books/도서 정독 노트
논문 컬렉션/papers/논문 독서 노트
프로젝트 문서/project/본 사이트 자체의 구축과 유지보수 문서

기술 스택

  • 빌드: VitePress 1.x(Vue 3 + Vite)
  • 검색: 내장된 로컬 전체 텍스트 검색
  • 배포: scripts/deploy.mjs로 원클릭 텐센트 클라우드 COS + CDN 게시(버전 백업 / 롤백 / 자동 새로고침 포함)
  • 호스팅: GitHub 0end1/docs-site

빠른 시작

bash
npm install          # 의존성 설치
npm run docs:dev     # 로컬 개발(http://localhost:5173)
npm run docs:build   # 정적 사이트 빌드(docs/.vitepress/dist)
npm run deploy       # 온라인 게시(.env 설정 필요, 배포 가이드 참고)

콘텐츠 규칙

  • 기술 문서는 분야별로 docs/ 해당 디렉터리에 정리하며, 글 하나당 페이지 하나, 단일 주제에 집중합니다;
  • 각 페이지 상단에 Frontmatter로 title / description / tags를 선언합니다;
  • 학습 기록류 콘텐츠는 각 분야 홈페이지의 「작성 규칙」 템플릿을 따릅니다;
  • 페이지를 추가한 뒤에는 docs/.vitepress/config.mjs의 내비게이션과 사이드바에 함께 등록합니다.

관련 문서

VitePress로 제작 · 지식 공유의 정신으로 콘텐츠 축적