Repository 생성
- github 로그인
- New repository
- repository 이름 작성
- repository의 이름에 따라서 접속 URL이 변경된다.
- 형식 : https://[유저 id].github.io/[repository의 이름]
- 생성된 repository의 Settings 탭으로 이동
- GitHub Pages 항목으로 이동
- 퍼블리싱된 브랜치 확인
테마 선택하기
- http://jekyllthemes.org/로 이동하기
- 마음에 드는 테마 선택하기
- 확인사항
- 라이센스
- 데모
- 없는 경우도 있다.
- 실물을 보는게 좀 더 취향에 맞는 걸 찾기 쉽다.
- 선택한 테마의 홈페이지로 이동한다. (깃허브 repository 주소)
- 원하는 방식으로 해당 프로젝트를 clone 받는다.
- 클론받은 프로젝트를 본인이 생성한 repository 위에 얹는다.
로컬 실행 환경 구축
- ruby 설치
- 홈페이지에서 설치 파일 다운로드 - Jekyll이 32bit라서 ruby도 32bit용으로 설치
- 설치 파일 실행
- 계속 넘기기
- ridk install 체크박스에 체크하기
- Finish
- cmd 창이 띄워지길 기다리기
- cmd 창에 나오는 안내에 따라서 엔터 누리기
- 설치 완료 후 cmd 창이 꺼질 때까지 기다리기
- cmd 실행 후 ruby -v를 입력하여 정상적으로 설치됬는지 확인하기
- Jekyll 설치
- repository 폴더로 이동
gem install jekyll bundler
명령어 실행 - 만약 webrick 오류 발생 시gem install webrick
명령어 실행bundle install
명령어 실행bundle exec jekyll serve --trace
명령어를 실행하여 프로젝트 동작시키기
Jekyll 구성
이름 | 용도 |
---|---|
_includes | 모든 파일들에서 참조 가능한 html파일들 위치 |
_layouts | 주요 layout 구성(html 혹은 md) |
_posts | 블로그 글을 작성하는 폴더 |
_sass | 스타일 설정 |
css | 스타일 설정 |
fonts | 기본 폰트 외 추가 폰트 |
images | image 파일들 위치 |
js | js파일들 모음 |
index.html | 첫 페이지 구성 |
_config.yml | 주요 설정 |