Github로 블로그 만들기(1)
Github page 와 Jekyll 의 설명 및 설치
블로그를 Github에서 만들어보자
어쩌다 이걸 골랐나
현재 수강 중인 게임학원에서 쓰는 TIL(Today I Learned)이 Markdown(확장자명:md)으로 쓰인다는 것을 알았다.
간단히 풀어 설명하자면 오늘 배운 것을 일기로 쓰는데, 메모장에다 쓴다.
그 메모장이 마크다운 이라는 건데 특별한 점이 있다. txt처럼 일기를 작성하는데 보다 확장된 것이다.
우리가 흔히 블로그에서 글을 쓸 때 여러 도구가 모여있는 편집기를 본 적이 있을 것이다.
마크다운에서는 그 편집기에서 쓰이는 기능들을 코딩하는 느낌으로 작성한다.
네이버 블로그 편집기
마크다운 으로 작성한 글
Markdown으로 일지를 남기는 것이 보존의 의미로 좋을 것이라 하더라. 그래서 마크다운 포멧을 쓰는 블로그가 무엇이 있나 찾아보았다.
그러다가 깃허브에서 정적(Static) 웹페이지를 무료로 호스팅 해주는 걸 알았다.
깃허브로 웹페이지를 만드는 데 단점도 많기는 하지만 장점도 많다.
장점
- 깃허브라서 무료!
- 마크다운 호환
- 높은 편집 자유도
- 이미지나 영상 자료가 소실될 걱정 없음
단점
- 높은 진입장벽
- 작성 및 수정이 쉽지않음
- 미디어 파일을 배치하는 것도 수고스럽다
Visual studio code, Ruby, jekyll 설치
Github page 에서 사이트를 만들고 호스팅 하기 위해 설치해야 할 것들이 있다. 이번 가이드는 Windows 10 에서 진행했다.
- Visual studio code
- Ruby ruby + devkit 하이라이트 되어 있는걸 받는다.
Ruby 설치창 마지막 즈음에 ‘ridk install’ 을 한다.
설치가 완료되면 시작 표시줄에서 다음을 실행.
Start command prompt with Ruby
콘솔창에 다음을 입력한다.
gem install jekyll bundler
설치가 좀 오래걸릴 수 있다. 설치가 끝나면 콘솔창에 다음과 같이 입력하면 제대로 설치됐는지 확인할 수 있다.
jekyll -v
새로 젬파일을 생성한다 콘솔창에 다음과같이 입력. 나는 C드라이브에 했다.
bundle init
이후 젬파일을 visual studio code로 열어서 편집한다.
만약 루비 설치에서 막히는 부분이 있다면, jekyll 사이트의 가이드를 찾아보는 것을 추천한다.
테마 찾아보기
jekyll 테마는 구글링하면 사이트 몇 개가 나오는데 아래는 대표적인 곳들이다.
우리가 이번에 쓸 테마의 깃허브 링크다.
데모 사이트 글에는 테마를 적용시키기 위한 가이드 또한 있기 때문에 알아두면 좋다.