Astro

Jekyll에서 Astro로 마이그레이션하면서 겪었던 문제들과 해결 방법, 유용한 팁들을 공유합니다. 모바일 스크롤 문제, Sass 경고, 코드 하이라이팅 등을 다룹니다.

블로그 포스트를 Facebook, LinkedIn, Threads, Bluesky, Mastodon 등 소셜 미디어에 자동으로 공유하는 스크립트를 구현한 방법을 공유합니다.

Astro 블로그를 GitHub Pages에 배포하는 방법을 공유합니다. gh-pages 패키지 설정, 커스텀 도메인, .nojekyll 파일, 빌드 파이프라인 등을 다룹니다.

Astro 블로그의 레이아웃과 컴포넌트 구조를 공유합니다. BaseLayout, PostLayout, Navbar, Footer 등 핵심 컴포넌트의 설계와 동적 라우팅을 다룹니다.

Astro 블로그에 Pagefind를 이용한 정적 검색 기능을 구현하는 방법을 공유합니다. 빌드 통합, 다국어 검색, 카테고리 필터링 등을 다룹니다.

Astro 블로그에 Google AdSense 광고를 연동하는 방법을 공유합니다. 광고 컴포넌트 구성, 커스텀 rehype-in-feed-ads 플러그인으로 마크다운 내 광고 삽입 등을 다룹니다.

Astro 블로그에 Utterances 댓글 시스템을 연동하는 방법을 공유합니다. GitHub Issues 기반의 경량 댓글 시스템 구현과 PostLayout에서의 사용법을 다룹니다.

Astro에서 마크다운 이미지를 자동으로 AVIF/WebP로 변환하는 커스텀 rehype 플러그인을 구현하는 방법을 공유합니다. Sharp를 이용한 이미지 변환, 캐싱, lazy loading 등을 다룹니다.

Astro 블로그에서 검색 엔진 최적화(SEO)를 구현하는 방법을 공유합니다. 메타 태그, Open Graph, JSON-LD 구조화 데이터, 사이트맵, RSS, Google Analytics 등을 다룹니다.

Astro에서 일본어, 한국어, 영어 3개 언어를 지원하는 다국어 시스템을 구현하는 방법을 공유합니다. URL 기반 라우팅, 번역 시스템, 동적 라우팅 등을 다룹니다.

Astro의 Content Collections를 이용하여 블로그 콘텐츠를 관리하는 방법과, Jekyll에서 마크다운 파일을 마이그레이션하는 과정을 공유합니다.

Astro를 설치하고 블로그 프로젝트를 구성하는 방법을 공유합니다. astro.config.mjs 설정, 디렉토리 구조, SCSS 설정, 빌드 스크립트 등을 다룹니다.