Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Caesiumy's Blog

License

NotificationsYou must be signed in to change notification settings

CaesiumY/CaesiumY.github.io

개발자 Caesiumy의 개인 블로그 웹사이트


기술 스택: Astro v5 + AstroPaper 템플릿
호스팅: GitHub Pages
검색: Pagefind (정적 검색)

🚀 개발 시작하기

pnpm install# 의존성 설치pnpm dev# 개발 서버 (localhost:4321)pnpm build# 프로덕션 빌드pnpm preview# 빌드 미리보기pnpm format# 코드 포맷팅pnpm lint# ESLint 검사

📁 프로젝트 구조

CaesiumY.github.io/├── contents/blog/       # 블로그 포스트 (Markdown)├── src/                 # 소스 코드│   ├── components/      # 재사용 컴포넌트│   ├── layouts/         # 페이지 레이아웃│   ├── pages/           # 라우팅 페이지│   └── styles/          # 전역 스타일├── public/              # 정적 자산└── dist/                # 빌드 결과물

✨ 주요 기능

  • ✅ 반응형 디자인 (모바일 ~ 데스크톱)
  • ✅ 접근성 지원 (VoiceOver, TalkBack 테스트 완료)
  • ✅ SEO 최적화 (사이트맵, RSS, OG 이미지)
  • ✅ 다크/라이트 모드
  • ✅ 퍼지 검색 (Pagefind)
  • ✅ Draft 포스트 기능
  • ✅ 태그 시스템
  • ✅ 한글 현지화

🎨 기술 세부사항

  • 프레임워크: Astro v5.12.0 (SSG)
  • 스타일링: TailwindCSS v4.1.11
  • 타입 검사: TypeScript v5.8.3
  • 검색 엔진: Pagefind (정적 검색)
  • 이미지 최적화: Sharp (WebP 변환, 압축)
  • 성능 목표: Lighthouse 100점

📝 콘텐츠 작성

블로그 포스트

  • 위치:contents/blog/
  • 형식: Markdown/MDX
  • 이미지: 포스트와 같은 디렉토리에 배치 (Astro 이미지 최적화 활용)

Frontmatter 예시

title:"포스트 제목"description:"포스트 설명"pubDate:2025-01-01updatedDate:2025-01-02# 선택사항heroImage:"./hero.jpg"# 선택사항draft:false# 기본값: falsetags:["개발", "블로그"]# 선택사항

🚀 배포

이 블로그는 GitHub Pages를 통해 자동 배포됩니다:

📄 라이센스

이 프로젝트는MIT 라이센스를 따릅니다.

About

Caesiumy's Blog

Topics

Resources

License

Code of conduct

Contributing

Stars

Watchers

Forks

Contributors2

  •  
  •  

[8]ページ先頭

©2009-2025 Movatter.jp