[GitBlog] 깃 허브 블로그 셋팅

깃 블로그

1. Ruby 설치
2. git repository 추가

Ruby 설치

https://rubyinstaller.org/downloads/
해당 사이트에서 원하는 버전(저는 작성 당시 최신 버전인 Ruby+Devkit 3.1.3-1 (x64))을 다운받아 설치합니다.
특별히 셋팅 할 것 없이 accept와 next를 진행하여 설치를 완료했습니다.

설치가 완료된 후 cmd 대화창이 나오면 1번을 눌러서 설치합니다.

Ruby 설치 확인

설치가 완료되었다면 CMD를 실행시켜 gem을 입력하여 확인합니다.

Ruby 없이 깃블로그 만드는 법

https://github.com/samarsault/plainwhite-jekyll
해당 레파지토리를 참고하시면 됩니다.

루비가 설치되어야 local에서 테스트가 가능합니다.

github 레파지토리를 추가합니다.

github repository setting 수정

본인의 경우에는 자동으로 Pages가 추가되었습니다.

추가되지 않으신 분들은 아래 Source와 Branch를 확인후 save를 눌러주시면 됩니다.

Flexible-Jekyll(또는 타 스킨)를 다운받아 제작한 Repository에 푸쉬합니다.

https://github.com/artemsheludko/flexible-jekyll

_config.yml을 변경합니다.

url을 변경시켜줍니다.

화면이 깨지는 이유

base url 문제입니다.

baseurl을 주석처리 한 뒤 다시 푸쉬하시면 됩니다.

baseurl?

github repository이름에 따라 baseurl설정이 달라집니다.

• respository name이 '.github.io'인 경우에는 baseurl을 생략하고 푸쉬합니다.
• 그 외의 repository name일 경우 baseurl에 `baseurl:'을 입력합니다.
  • https://.githoub.io/ 으로 블로그 주소로 확정됩니다.

이미지 바꾸기

프로젝트의 assets 폴더의 img에 이미지를 추가합니다.

그 후 config에서 img 부분에 해당 이미지의 파일명을 입력시킨 후 푸쉬합니다.