[깃허브(Github)] 20. 깃허브 블로그 만들기(1)

초간단 하게 깃허브 블로그 만들기를 포스팅 하려 합니다.

지킬(Jekyll) 이라는걸 활용해 보려 합니다.

지킬은 아주 심플하고 블로그 지향적인 정적사이트 생성기 입니다.

는.... 한글 번역사이트에 있는 내용 입니다.

https://jekyllrb-ko.github.io/

정적이라고 해도 소셜 댓글도 지원합니다. 이거 되게 중요한 부분입니다. 열심히 작성한 글에 방문하신 분이 댓글 하나 남겨주면 그게 그렇게 힘이나고 좋습니다.

블로그 하길 잘했다는 생각이 들어요. 그러니까 많이 방문하시고 많이 댓글 써주세요. ^^

사실 저는 저 링크에 있는 문서를 보고 깃허브 블로그를 못만들었습니다.

저는 뭔가 하나를 익히려면 남들보다 더 많은.. 정말 많은 시간을 들여야 하고,

그 많은 시간을 들여 익힌걸 제 나름의 방법으로 조금더 쉽게, 완전 처음 해봐도 할 수 있을정도로 '정말 쉽게'를 고집합니다.

그럼.. 정말 쉽게 만들어 봅시다.

일단 먼저 깃을 설치합니다.

윈도우든 맥이든 https://git-scm.com/ 여기 들어가서 다운 받고 설치를 진행합니다.

※ 깃허브에 가입이 되어있다는 전제하에 진행하겠습니다.

포스팅은 윈도우 기준으로 진행하겠습니다.

1. 일단 설치를 했다면 깃의 이것저것이 깔렸을 꺼예요.

윈도우 7이라면 이렇게

윈도우 10이라면 이렇게 하세요

2. 깃을 깔고 Git Bash 를 실행하면 가장 먼저 해야할 일은 사용자 등록입니다. 한줄씩 입력하고 엔터 눌러 주세요!

git config --global user.name "깃허브네임"

git config --global user.email "깃허브이메일"

3. 그리고 https://github.com/ 으로 접속합니다. 그러면 새로운 프로젝트를 시작하거나 또는 기존에 프로젝트를 가지고 있다면 그 리스트 들이 나옵니다.

여기서 중요한 포인트는 '로그인을 했다' 라는것입니다. 넵! 로그인 하려고 깃허브 사이트 접속한거 맞습니다!

4. 이제 구글링을 할꺼에요!

웹 브라우저에 새 탭을 열고 http://google.com/ 에서 다음과 같이 입력합니다. '지킬 테마'

그리고 저기 아래 http://jekyllthemes.org/ 주소로 되어있는 부분으로 들어갑니다.

5. 아무거나 맘에 드는 테마를 고르세요!

저는 7번 테마가 맘에 들었습니다.

6. 맘에드는 테마를 골랐다면 클릭해서 들어가 봅니다.

라이선스 한번 확인해 봅니다. MIT 라이선스인지!

확인했다면 'Homepage' 버튼을 클릭!

7. 좌측 상단의 'fork'버튼을 누릅니다.

fork는 지금 열린 이 페이지의 저장소를 본인의 저장소로 복제합니다.

그러면 잠깐 이런 페이지가 나옵니다. 몇초 기다리면 복제가 완료 됩니다.

8. 그러면 이제 본인의 닉으로 저장소가 생성이 된걸 확인할 수 있습니다.

이 부분은 클릭하지 마세요. 여기선 본인의 닉네임을 확인하는게 목적입니다.

9. 바로 아래 메뉴들이 쭉 있습니다. 이중에서 'Settings' 를 클릭합니다.

10. 다음과 같이 변경합니다.

닉네임을 Repository name에 똑같이 적은 뒤

닉네임.github.io

이렇게 입력합니다. 도메인은 꼭 이렇게 하셔야 합니다.

원하시는 도메인 명이 있다면 그건 도메인을 사셔야 합니다.

그리고 바로 우측의 'Rename' 버튼을 눌러줍니다.

11. 여기서 부터는 사람마다 조금씩 다를 수 있습니다.

테마가 바로 적용이 될 경우도 있고 시간이 지나야 적용이 될 경우도 있습니다.

저는 한 5분안쪽의 시간이 걸려 테마가 적용되었습니다.

이 부분은 'Settins' 를 눌러서 나온 화면에서 스크롤을 조금 내려야 합니다.

이렇게 GitHub Pages 에서 초록색으로 경로가 나올 경우 블로그 개설이 완료 됬다는 증거입니다.

※ 이 부분에서 이렇게 진행이 안될경우 위에서 네임을 경로 적지 않고 아무렇게 넣은다음 Rename 버튼을 누르세요.

그리고 다시 닉네임.github,io 로 바꾸면 바로 반영이 되어있는 경우도 있습니다.

12. 한번 접속해 보겠습니다.

CSS, JS가 전부 깨졌네요. ㅠㅠ 이런건 간단한 경로수정으로 바꿀 수 있습니다.

깃허브 블로그 만들기(2) 에서 더 포스팅 해보겠습니다!