[깃허브(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) 에서 더 포스팅 해보겠습니다!


댓글 48

  • 이전 댓글 더보기
  • 호로요이 (2017.10.31 16:03)

    쉽게 설명해주셔서 감사합니다! 저는 원래 만들었다가 다른 리포지토리로 바꾸고 리네임했더니 404가 뜨긴하네요. 기다려봐야할까요?

    • 회복맨 (2017.10.31 16:37 신고)

      아 그렇다면 먼저 확인해 보셔야 할것이 있습니다.

      본인의 깃허브 닉네임이 도메인에 들어가 있어야 합니다.
      https://깃허브닉네임.github.io/

      이렇게 되어 있는지 확인하셔야 할것 같아요.
      이렇게 해야만 하는거로 알 고 있습니다.

  • sunny (2017.11.04 09:46)

    너무감사해요:D

  • Kkokkoma (2018.01.16 15:34)

    깃을 이용해 블로그 한번 만들어야겠다고 다짐만하다가 이거보고 개설하게됐어요!!

    • 회복맨 (2018.01.18 09:41 신고)

      ㅎㅎ 도움이 되어서 저로써도 기쁘네요!
      자주 방문해 주세요~ :)

  • 학생 (2018.03.31 11:40)

    지킬 테마 적용하는게 엄청 어려웟는데 쉽게 알수 있었어요.
    감사합니다 :)

  • 학생 (2018.03.31 11:40)

    지킬 테마 적용하는게 엄청 어려웟는데 쉽게 알수 있었어요.
    감사합니다 :)

  • 노간 (2018.04.04 14:25 신고)

    좋은 정보 너무 감사합니다.
    다른 스킨을 사용해서 경로지정 하는 부분이 꼬여서 해맸지만
    어찌어찌 해결하고 3번까지 따라했습니다 : )

  • 컴공생 (2018.06.28 09:35)

    정보 잘 보고 갑니다 :)

    헌데 저는 초록색으로 안뜨고 파란색으로 뜨며

    링크를 눌러보면 404에러가 뜨네요 ㅠㅠ..

    • 회복맨 (2018.06.28 09:46 신고)

      안녕하세요 방문해 주셔서 감사합니다~
      개설 시간은 사람마다 약간 차이가 있을 수 있으며 이 부분에 대해서는 글에서 작성했습니다.

      그리고 깃허브 가입했을 때 넣었던 닉네임이 닉네임.github.io 이런식으로 입력이 되어있는지 다시한번 체크 하시는것도 좋습니다.

      좋은하루 되세요~

    • 아그래요 (2018.07.09 17:50)

      저도 똑같은 현상입니다. 지금은 개설 되셨는지 궁금하네요.

  • 응켕켕 (2018.07.13 22:01)

    저도 몇시간쨰 개설이안되네요.. ㅠ.ㅠ

    • 회복맨 (2018.07.14 04:00 신고)

      현재 github.io 자체에 약간 문제가 있는거 같은데 일시적인 현상이라 판단하고 있습니다.

      방문해 주셔서 감사합니다~

  • Ksb (2018.08.08 06:32)

    좋은 글 감사합니다!! 너무 쉽게 잘 설명해주셔서 쉽게 할수 있었어요~~

  • ANHYOJIN (2018.09.05 20:43)

    ANHYOJINPROGRAMMER/ANHYOJINPROGRAMMER.github.io
    forked from iwiedenm/jekyll-theme-massively-src
    로 유저네임과 동일하게 했는데도 404에러가 발생하는 이유가 뭔지 아시나요????

    초록색으로 바뀔 때까지 기다려야 하는 건가요??

    • 회복맨 (2018.09.06 01:06 신고)

      방문해 주셔서 감사합니다 :)

      안된다는 분들이 의외로 좀 있네요 ㅠㅠ

      일단 저는 다시한번 제가쓴 글을 테스트 해봤는데 잘 되고 있어서 안되는 부분을 추측으로 답변을 달아드릴 수밖에 없을꺼 같습니다.

      1. 아이디가 대문자?
      - 이 부분은 정확히 잘 모르겠습니다. 제 아이디는 영어 소문자로 시작합니다. 대문자 아이디는 생각을 안해봐서 추측해 봤습니다.

      2. 사용하시려는 테마의 어떠한 문제?
      - 있을 수 없을꺼 같긴 합니다. 문제가 될 수 없는 부분입니다.. ㅠㅠ 하지만 추측해 봤습니다.


      -------------------------------------------

      끝으로 저는 깃허브로 포폴만들기를 오프라인 강의를 진행하고 있습니다.
      현재 3기를 계획중에 있으며 제가 쓴 포스팅 대로는 하지 않고 진짜 지킬 한글공식문서 표준에 맞게 개설하는 방법입니다.
      혹시 관심이 있으시거나 계획중 이시라면 추후 올라오는 공지를 봐주세요!

      다시한번 방문해 주셔서 감사합니다~

  • jiyaong (2019.01.08 15:46)

    헉 저도 404... 대문자로 시작하는 아이디구요. 초록색으로 published됐다고는 합니다.. 제목은 뜨는데 클릭하면 404입니다...ㅜㅜ

    • 회복맨 (2019.01.08 21:06 신고)

      간단하게 저장소 이름을 아무렇게나 바꿨다가 닉네임.github.io 로 다시 바꿔주면 해결되실꺼 같아요! :)

  • ssaho (2019.01.09 00:43)

    좋은 정보 감사합니다.

    정말 초심자도 쉽게 따라할수 있게 잘 정리해두셨네요!!

  • 안상우 (2019.01.22 09:23)

    따로 루비 gem 을 안깔아도 되나요?

    • 회복맨 (2019.01.22 09:27 신고)

      안깔아도 되는 방법은 있습니다
      gulp 또는 webpack을 이용하면 굳이 루비를 설치 안하더라도 컴파일이 가능하고 다른 여러 모듈을 함께 돌릴 수 있기에 더욱 추천 드리는 방법입니다.
      이 글은 초심자 입문자 분들을 대상으로 해서 이렇게 작성 되었습니다.
      방문해 주셔서 감사합니다:)

    • 회복맨 (2019.01.22 10:05 신고)

      아 sass게시물로 착각했었네요;;
      제대로 하려면 루비가 반드시 필요합니다
      이 게시물은 루비를 안쓰는 가벼운 방법 입니다

  • 안상우 (2019.01.22 10:02)

    덕분에 10시간 삽질이 끝낫어요!! 이제 테마 원작자의 흔적을 지우느라 10시간이상을 쏟겠지만...
    정말 감사합니다!!!

    + 혹시 포크해온 원래 글에 있던 흔적 지우는 과정 관련 포스팅이 있으신가요? css에 대한 지식이 전무한지라..

    이글 정말 얼마나 감사한지 모릅니다@

    • 회복맨 (2019.01.24 17:15 신고)

      아 그런 포스팅은 없습니다.
      왜냐하면 원래 있던 포스팅은 뭐 필요가 없기도 하고 그냥 지우면 되용
      어차피 마크다운으로 새로 만들면서 하는게 훨씬 빠르게 글을 업로드 할 수 있어요

  • (2019.01.24 16:47)

    비밀댓글입니다

    • 회복맨 (2019.01.24 17:17 신고)

      깃허브 페이지스가 활성화가 안된 상태인거 같아요.
      그럴 경우 저장소 이름을 아무렇게나 바꿔주고, 다시 닉네임.github.io 로 변경해 주시면 반영 되실꺼예요.
      방문해 주셔서 감사합니다~

  • 파이99 (2019.02.11 21:03 신고)

    포스팅이 아주 도움이 되었습니다~
    안에 소스들은 제 임의대로 바꿔도 되나요?

    • 회복맨 (2019.02.11 21:10 신고)

      라이선스중 상업적으로 이용하거나 어떠한 영리의 목적이 있을 경우를 제외하곤 사용 가능한 스킨을 적용 시키면 될꺼 같습니다!

      방문해 주셔서 감사합니다 :)

    • (2019.02.11 23:26)

      비밀댓글입니다

    • 회복맨 (2019.02.11 23:46 신고)

      뭔가 느낌이 브랜치를 master 로 하지 않아서 발생한거 같은 느낌이네요.
      해당 오류에 대해 정확한 진단을 하긴 어렵습니다.

      어떤걸 하시다가 이런 오류가 발생했는지 알려주시면 도움 드리기가 좀 더 수월할꺼 같습니다 :)

    • 파이99 (2019.02.12 00:20 신고)

      처음부터 끝까지 진행은 제대로 됐는데요~글 등록한게 안보여서 파일명 수정 후 아마 파일 다시 업로드 하고 folk 삭제 하는 과정에서 문제가 생긴 것 같은데요...
      재업로드 할때 git push 명령어 바로 입력했는데 되지 않아서 folk 저장소 전부 삭제 후 맨 처음 드라이브 이동, 저장소 다운로드 하는 명령어 입력을 하니까 저장소를 찾을 수 없다고 나왔어요.. ㅜㅜ

      이것저것 해보다가 안되고 settings의 rename 설정에서도 초록창이 안뜨고 노란창? 그런게 뜨더라고요 ㅜㅜ..

    • 회복맨 (2019.02.12 02:42 신고)

      음... 차라리 에러코드가 있는 질문이였으면 해결하기 편한데 이 질문은 좀 난해하네요 ^^;;

      질문자님의 깃 저장소를 알려 주시면 한번 봐드리겠습니다.

      이 홈페이지의 우측 하단의 파란색 대화하기 버튼을 누르시면 실시간으로 채팅이 가능합니다.

    • 파이99 (2019.02.12 13:57 신고)

      문제 해결하였습니다!
      맘에드는 테마들 세개정도 포크했는데,
      포크를 여러개 해서 그렇게 됐던것 같습니다ㅜ
      결국 포크는 하나만 되는건가보네요..
      감사합니다.

  • 다니엘 (2019.03.07 16:39)

    질 따라해보겠습니다!!

  • ESTRELLA_ (2019.03.20 23:05 신고)

    안녕하세요~

    Your site is having problems building: Your site is using the relative_permalinks configuration option. This setting is deprecated as has been removed from the latest version of Jekyll. To ensure your site continues to build as expected, remove the option from your site's configuration and update any post or page permalinks to be absolute to the site root, not the parent folder. For more information, see https://help.github.com/en/articles/page-build-failed-relative-permalinks-configured.

    이렇게 나오면 사용을 못하는 건가요?

    • 회복맨 (2019.03.21 15:20 신고)

      어떤 지킬 테마를 사용했는지 링크를 남겨 주시면 확인해 보겠습니다
      그 지킬 테마가 개발된지 오랜 기간이 흘러 버전이 현재와 맞지 않다면 에러가 나올 가능성도 있을듯 합니다.
      방문해 주셔서 감사합니다~

  • (2019.03.26 15:30)

    비밀댓글입니다

  • 곰돌이 (2019.05.02 15:56)

    이거 해봤는데 대문자면 안되고 소문자만 되는 것 같네요 자세하게 설명해주셔서 감사합니다.