티스토리 뷰
Jekyll??
블로그를 만들긴 했는데 뭔가 심심한 느낌이 많이 드는데요, GitHub Page의 테마를 설정하기 위해서는 보통 지킬(Jekyll)을 사용합니다. 지킬은 글을 작성하면 미리 설정한 규칙에 따라 글을 정적 웹사이트로 만들어 주는 도구입니다.
https://en.wikipedia.org/wiki/Jekyll_(software)
Jekyll (software) - Wikipedia
Jekyll is a simple, blog-aware, static site generator for personal, project, or organization sites. Written in Ruby by Tom Preston-Werner, GitHub's co-founder, it is distributed under the open source MIT license. History[edit] Jekyll was first released by
en.wikipedia.org
테마 선정
먼저 어떤 테마를 사용할지를 정해야 합니다. 지킬 테마를 모아놓은 여러 사이트들이 있는데, 아래의 사이트에서 마음에 드는 테마를 선정합니다. 유료인 것도 있고 무료인 것도 있으니 잘 확인하시고 골라주세요.
https://jamstackthemes.dev/ssg/jekyll/
내 Repository Clone 받기
먼저 git이 설치되어 있다는 가정 하에 터미널을 열고 적당한 디렉토리에서 아래의 명령을 입력합니다.
git clone https://github.com/{본인 ID}/{본인 ID}.github.io.git
설치하기
테마를 골랐으면 이제 설치를 해야하는데요, 설치를 하는데는 여러 방법이 있습니다만 가장 접근하기 쉬운 방법인 zip으로 다운받고 copy 후 push하는 방법으로 하기로 했어요.
먼저 고른 테마를 다운로드 받습니다. 저는 cherpy라는 테마를 선택 했는데요, GitHub에 들어가보시면 Install 하는 방법도 가이드가 되어있으니 가이드하는 방법대로 하셔도 무방합니다.
https://github.com/cotes2020/jekyll-theme-chirpy
아무튼 GitHub에 들어가셨으면 아래 그림의 Download ZIP 버튼을 눌러 zip파일을 다운받습니다.

다운을 받은 후 적당한 곳에 압축을 풀면 아래와 같은 파일들이 보입니다. 이 파일들을 내가 만든 Repository에 Push 할 것입니다.

복사하기
압축을 해제한 파일들을 <내 Repository Clone 받기> 에서 clone한 디렉토리 "안에다" 붙여넣습니다. 그리고 터미널에서 아래의 명령어로 잘 붙여넣어졌고 git이 인식을 하고있는지 확인합니다.
git status
정상적이라면 아래와 비슷하게 보일거에요.

Push 하기
자 이제 준비는 다 되었고 GitHub에 Push를 할 차례입니다. 다음 명령어들을 순서대로 입력해주세요.
git add .
git commit -m "블로그 테마 적용"
git push origin HEAD
확인하기
정상적으로 push가 이루어 졌다면 다시한번 GitHub Page에 들어가 봅니다.
아래와 같이 테마가 적용된 화면이 보인다면 성공입니다.

'Git' 카테고리의 다른 글
linux에 git 설치하기 (0) | 2022.12.10 |
---|---|
GitHub Blog 템플릿 수정하기 (2) | 2020.12.16 |
GitHub Blog 개설하기 (0) | 2020.12.13 |
Slack으로 GitHub 업데이트 받기 (0) | 2020.03.08 |
- Total
- Today
- Yesterday
- VS Code
- maven
- Cloud
- MS Ignite 2019
- 랭체인
- AWS
- node설치
- React
- 개발 생산성
- 1on1 meeting
- vscode
- Java
- langchain
- 챗GPT
- github blog
- Blog
- 자격증
- VIM
- github
- jekyll
- docker
- spring
- ncp
- AZURE
- Solutions Architect
- Linux
- Python
- Git
- 이슈 트래킹
- naver
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |