Jekyll 블로그 만들기
포스트
취소

Jekyll 블로그 만들기

Repository 생성

  1. github 로그인
  2. New repository
  3. repository 이름 작성
    • repository의 이름에 따라서 접속 URL이 변경된다.
    • 형식 : https://[유저 id].github.io/[repository의 이름]
  4. 생성된 repository의 Settings 탭으로 이동
  5. GitHub Pages 항목으로 이동
  6. 퍼블리싱된 브랜치 확인

테마 선택하기

  1. http://jekyllthemes.org/로 이동하기
  2. 마음에 드는 테마 선택하기
    • 확인사항
    • 라이센스
    • 데모
      • 없는 경우도 있다.
      • 실물을 보는게 좀 더 취향에 맞는 걸 찾기 쉽다.
  3. 선택한 테마의 홈페이지로 이동한다. (깃허브 repository 주소)
  4. 원하는 방식으로 해당 프로젝트를 clone 받는다.
  5. 클론받은 프로젝트를 본인이 생성한 repository 위에 얹는다.

로컬 실행 환경 구축

  1. ruby 설치
  2. 홈페이지에서 설치 파일 다운로드 - Jekyll이 32bit라서 ruby도 32bit용으로 설치
  3. 설치 파일 실행
  4. 계속 넘기기
  5. ridk install 체크박스에 체크하기
  6. Finish
  7. cmd 창이 띄워지길 기다리기
  8. cmd 창에 나오는 안내에 따라서 엔터 누리기
  9. 설치 완료 후 cmd 창이 꺼질 때까지 기다리기
  10. cmd 실행 후 ruby -v를 입력하여 정상적으로 설치됬는지 확인하기
  11. Jekyll 설치
  12. repository 폴더로 이동
  13. gem install jekyll bundler 명령어 실행 - 만약 webrick 오류 발생 시 gem install webrick 명령어 실행
  14. bundle install 명령어 실행
  15. bundle exec jekyll serve --trace 명령어를 실행하여 프로젝트 동작시키기

Jekyll 구성

이름용도
_includes모든 파일들에서 참조 가능한 html파일들 위치
_layouts주요 layout 구성(html 혹은 md)
_posts블로그 글을 작성하는 폴더
_sass스타일 설정
css스타일 설정
fonts기본 폰트 외 추가 폰트
imagesimage 파일들 위치
jsjs파일들 모음
index.html첫 페이지 구성
_config.yml주요 설정
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.