jekyll-theme-chirpy upgrade 5.0

jekyll-theme-chirpy Github 을 사용해서 테마 업그레이드 하는 방법입니다.
Chirpy Starter를 사용해서 블로그를 만드신 분은 해당되지 않습니다.

1. 업그레이드 할 chirpy repo 파일 준비하기

git clone https://github.com/cotes2020/jekyll-theme-chirpy.git

or

https://github.com/cotes2020/jekyll-theme-chirpy/archive/refs/heads/master.zip

2. 기존 폴더에 ju-ing.github.io 에 파일 옮기기

기존 블로그 repo에서 .git 을 남기고 전부 다른 폴더로 이동시킨 다음에 clone 또는 .zip 으로 내려받은 jekyll-theme-chirpy 폴더 내용물 전체를 옮긴다.

3. _config.yml 개인에 맞게 수정

이번 업데이트에서 댓글 시스템을 disqus –> giscus 로 변경했다.
기존에 disqus로 댓글 남겨주신 것들은 아쉽게도 사라졌다.
마이그레이션 할 수 없을 것 같다.

https://giscus.app/ko

4. CSS 개인에 맞게 수정

Chirpy 에서 기본적으로 제공하는 양식도 좋지만 필자는 글보다는 차트가 더 많아서, post 부분의 가로가 더 넓은 것을 선호한다.

\_sass\addon\commons.scss 파일 수정

• 포스팅 부분 가로 넓이 증가 [850px -> 1000px]
• 핸드폰 가로모드 변경 시 Sidebar 사라지게 변경 [850px -> 931px]

5. avatar / favicons 작업

https://realfavicongenerator.net/

6. ruby를 이용해서 bundle 작업

# Dependencies 설치
bundle

# 제작자가 세팅한 작업 진행
bash tools/init.sh

# localhost:4000 확인
bundle exec jekyll s

7. Github에 push 해서 Action 동작 확인

끝.