R: blogdown에서 사용하는 테마를 수정하는 방법

blogdown에서 사용되는 테마 수정하기 저는 Zhenguo Zhang의 블로그를 통해 blogdown으로 구축한 웹사이트를 Netlify에 CI/CD 방식으로 배포하고 있습니다. 최근 Hugo 버전을 0.92에서 0.154.2로 업그레이드했으나, theme가 자동으로 업데이트되지 않아 수동으로 조정해야 했습니다. 아래 단계별 가이드를 참고해 주세요. 1. 최신 Hugo 버전 확인 및 설치 hugo version # 0.154.2 필요 시 공식 설치 페이지를 통해 최신 버전을 설치합니다. 2. 현재 사용 중인 테마 확인 hugo new site myblog cd myblog # 테마를 모듈로 설치한 경우 cat hugo.toml | grep theme 테마가 module 형태인지, 아니면 themes 폴더에 있는지 확인합니다. 3. 테마의 Git 리포지터리 로컬 복사 git clone https://github.com/theme-repo.git themes/theme-name 로컬에서 테마를 편집할 수 있도록 복사한 뒤, 필요에 따라 theme.toml이나 config.toml을 수정합니다. 4. 테마 파일 중 필요한 부분 수정 layouts/_default/baseof.html - 기본 레이아웃 구조 static/css/custom.css - 커스텀 스타일 시트 assets/scss/custom.scss - Sass 사용 시 예를 들어, 헤더 색상을 변경하려면 custom.css에 아래 코드를 추가합니다. header { background-color: #f5f5f5; } 5. Hugo 실행 및 로컬 확인 hugo server -D # 브라우저에서 http://localhost:1313 으로 접속해 변경 사항 확인 모든 수정이 정상적으로 반영되었다면, CI/CD 파이프라인을 통해 Netlify에 배포합니다. 6. Netlify에 배포 (CI/CD 설정) netlify.toml 파일에서 Hugo 버전과 빌드 명령을 명시합니다. [build] publish = "public" command = "hugo --gc --minify" environment = { HUGO_VERSION = "0.154.2" } Netlify 대시보드에서 해당 리포지터리를 연결하고, Deploy Settings를 확인합니다. 이후 Publish 버튼을 눌러 최신 버전이 반영되었는지 확인합니다. 7. 문제 해결 팁 캐시 문제: Netlify에서 이전 버전의 Hugo 캐시가 남아 있다면 netlify.toml에 environment = { HUGO_ENABLEGITINFO = "false" }를 추가해 보세요. 플러그인 충돌: 테마에 포함된 자바스크립트 플러그인이 최신 버전과 호환되지 않을 수 있으니, node_modules를 최신 상태로 유지하고 필요한 패키지를 재설치합니다. 문서 검증: W3C Validator를 사용해 HTML/CSS 오류를 사전에 검출합니다. 위 단계들을 차근차근 따라 하시면, blogdown과 Netlify에서 최신 Hugo 버전과 맞는 테마를 안정적으로 운영하실 수 있습니다. 추가적인 궁금증이 있다면 언제든 RStudio Community에서 질문해 주세요.