jekyll-theme-chirpy upgrade 5.0
포스트
취소

jekyll-theme-chirpy upgrade 5.0

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

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

1
2
3
4
5
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]

image

5. avatar / favicons 작업

https://realfavicongenerator.net/

6. ruby를 이용해서 bundle 작업

1
2
3
4
5
6
7
8
# Dependencies 설치
bundle

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

# localhost:4000 확인
bundle exec jekyll s

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

끝.

이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

아파트 시계열 분석 6 - 시각화

-