Github+jekyll 블로그 만들기 (3) - jekyll 테마를 적용하기
Github 블로그 만들기 (3)
이번 포스팅에서는 생성한 사이트에 jekyll 테마를 적용하는 과정을 살펴보도록 하겠습니다!
Github 블로그 만들기 (1)
Github 블로그 만들기 (2)
이전 포스팅을 먼저 확인해 주세요.
Jekyll Themes Download
먼저, Jekyll Themes 사이트로 접속해 봅시다. 이곳에서는 다양한 테마들을 쉽게 찾을 수 있는데요, 사이트 디자인을 원하는 대로 바꾸기 위해선 이곳에서 테마를 하나 선택해야 합니다.
사이트에 들어가면 다양한 테마가 보일 텐데요, 만들 블로그와 어울리는 테마를 선택해 주세요.
테마를 선택했다면, 해당 테마 페이지로 이동한 후 Download 버튼을 클릭하여 zip 파일을 다운로드하세요. 이 파일이 여러분의 사이트에 적용될 테마 파일입니다.
참고로 제 사이트에 적용된 테마는 chirpy입니다.
이제 다운로드한 압축 파일을 압축 해제하고, 폴더 안의 파일들을 모두 자신의 로컬 repository에 붙여넣습니다. 이미 같은 이름의 파일이 존재한다는 중복 경고가 나올텐데, 모두 덮어쓰시면 됩니다.
Jekyll Themes 설치
이제 다운로드한 테마를 설치해볼 차례입니다!
설치하기 전에, 현재 로컬 저장소에는 Chirpy 개발자가 커스터마이징한 상태로 업로드되어 있는데요, 이 상태를 초기화해야 합니다.
Linux에서는 bash tools/init.sh 명령어로 간단하게 초기화할 수 있지만, Windows는 이 기능을 지원하지 않아요. 그래서 직접 파일들을 수정해야 하는데, 그 과정은 아래와 같습니다:
- Gemfile.lock 파일 삭제
- .travis.yml 파일 삭제
- _posts 디렉토리 삭제
- docs 디렉토리 삭제
- .github/workflows/pages-deploy.yml.hook 파일을 제외한 나머지 파일 삭제
- .github/workflows/pages-deploy.yml.hook 파일명을 pages-deploy.yml로 변경
Tip: 파일 중에 이미 존재하지 않는 파일이 있다면, 무시하고 넘어가셔도 괜찮습니다.
이제 로컬 저장소의 루트 디렉토리로 돌아가 아래 명령어를 실행하면 테마 적용이 완료됩니다.
1
$ bundle install
블로그 환경설정
현재 블로그는 default로 설정되어 있기 때문에, 자신에게 맞춰 설정을 변경해야합니다.
_config.yml 파일을 열어 환경설정을 진행합니다.
| 항목 | 설명 |
|---|---|
| lang | 웹 페이지의 언어를 선택합니다. 지원하는 언어의 종류는 /_data/Locales/ 에서 확인하세요. |
| timezone | Timezone 설정입니다. 한국에 거주하신다면 Asia/Seoul 을 입력해주세요. |
| title | 블로그의 타이틀 입니다. |
| tagline | 블로그의 서브 타이틀 입니다. |
| description | 자세히는 모르겠으나… 블로그 소개 적으시면 될 듯 합니다. |
| url | "https://{my_github_username}.github.io" 형식으로 적어주세요. |
| github_username | 자신의 github username을 적으시면 됩니다. |
| social_name | 자신의 이름이나 닉네임을 적으시면 됩니다. |
| social_email | 자신의 이메일 주소를 적습니다. |
| paginate | 메인화면 한 페이지에 보여줄 게시글 갯수를 정합니다. |
모든 설정이 완료되었다면 아래의 커맨드를 통해 로컬 서버를 실행하고, 테마가 잘 적용되었는지 확인합니다.
1
$ bundle exec jekyll serve
마무리
축하합니다! 이제 Github 블로그를 로컬 환경에서 성공적으로 실행했습니다. 다음 포스팅에서는 사이트에 Jekyll 테마를 적용하는 과정을 다뤄보겠습니다. 감사합니다.