Github: 깃허브 블로그 만들기 (2) 테마 적용하기

깃허브 Pages 테마 설정

깃허브 pages 의 테마를 직접 만드는 것은 꽤 많은 공수가 들어가니 이미 만들어져 있는 테마를 사용하는 편이 좋을 것 같다

주로 Jekyll 의 테마를 이용하는 것 같음 그 중에서 chirpy 라는 테마를 사용하겠다

http://jekyllthemes.org/ http://jekyllthemes.org/themes/jekyll-theme-chirpy/

환경 세팅

Jekyll 를 사용하려면 ruby 가 설치되어 있어야 한다 rbenv 를 설치해서 ruby 버전 관리도 함께 해준다

ruby 설치

brew update
brew install rbenv ruby-build

rbenv install [버전] // 맥에서는 2.6.0 버전이 기본으로 설정되어 있어서 다른 버전으로
rbenv global [버전]
rbenv versions // 확인

vi ~/.zshrc

// zshrc 안에 추가
[[ -d ~/.rbenv  ]] && \
  export PATH=${HOME}/.rbenv/bin:${PATH} && \
  eval "$(rbenv init -)"
  
source ~/.zshrc

chirpy 테마 사용하여 블로그 만들기

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

1. 위 저장소를 fork 한다
2. 저장소 이름을 [USERNAME].github.io 로 변경
3. 로컬에 저장소 clone: git clone 저장소
4. [USERNAME].github.io 폴더 내에서 bash tools/init 실행
5. [USERNAME].github.io 폴더 내에서 bundle 실행

chirpy 설정

폴더 내 _config.yml 파일을 수정해주면 된다

• timezone: Asia/Seoul
• title: 메인 title 이름
• tagline: title 및 설명
• description: 서브 타이틀
• url: ‘https://[USERNAME].github.io’
• author: 글 작성자 이름
• github:
• twitter:
• social: name:
• social: email:
• social: links: sns 링크
• google_analytics:
• avatar: 메인 아바타 이미지 (assets/[img 파일]/)

local server 실행 (테스트 용)

-
bundle exec jekyll s

push

master 로 push 를 하면 git actions 에 등록된 작업이 실행된다 git actions 가 완료되면 페이지에 반영된다

etc.

chirpy 테마에서 이미지 등록 시에는

ide 에서 이미지 미리보기가 되지 않는데

![img](/assets/img/posts_images/img.png)

위와 같은 형식으로 작성해줘야 한다

/assets/로 경로를 작성해줘야만 이미지를 찾을 수 있게 되어있다