Home 깃허브 블로그 만들기
Post
Cancel

깃허브 블로그 만들기

깃허브 블로그 만들어보기

안녕하세요 여러분! 첫 포스팅은 깃허브 블로그를 어떻게 만드는지에 대해 올리려합니다!😚

JEKYLL(지킬)에서 테마 고르기!

  • Jekyll이란?

Jeykll은 정적 웹 사이트 생성기 중 하나이고 Ruby로 개발이 되어 있습니다. Jekyll은 템플릿 파일과 Markdown(마크다운) 기반의 문서 파일을 읽어들여 웹페이지로 변환해주는 역할을 합니다.

  • Jekyll에서 테마 고르기

    jekyll theme

위에 사진처럼 깃허브를 들어가서 왼쪽 위에 검색창에 Jekyll을 검색하면 여러가지 테마들이 나오는데, 여기서 여러분이 마음에 드는 테마를 선택합니다! (저는 Chirpy테마를 선택했습니다.) https://jekyll-themes.com/blog/top-jekyll-themes –> Jekyll 테마 순위 사이트

  • Jeykll 테마 Fork 해오기

    jekyll theme fork jekyll create 위의 사진처럼 원하는 테마를 Fork해옵니다. Repositoy name은 반드시 Username.github.io 이런 형태로 작성해줘야 합니다! Repository name 설정 후 Create fork 버튼을 클릭하여 마무리 해줍니다.

  • _config.yml에서 정보 수정하기

    jekyll create 2 위에 과정을 거쳤다면 이런 형태의 repository가 만들어집니다! 다음으로 repository에서 밑으로 내리다보면 _config.yml이란 파일이 있는데 그 파일을 들어가 줍니다. create3 _config.yml 파일에 들어가서 저 연필 버튼을 누르고 내리다 보면 url을 찾아 볼 수 있는데 url 부분에 https://username.github.io 이런 형태로 기입해줍니다. (baseurl은 건들지 않습니다!!) create4 url 뿐 만 아니라 title, github, twitter, name ,email 등 여러분의 정보도 입력해줍니다! (URL은 필수!!) 정보 입력이 끝났다면 Commit을 해줍니다.
    자 드디어 깃허브 블로그 만들기가 끝났습니다!! Commit 후 1~2분이 지나면 여러분의 블로그를 만나실 수 있습니다. 블로그를 들어가 볼까요?? (여러분이 url에 입력한 그 주소로 들어가면 됩니다!)

  • 블로그가 제대로 작동이 안될때 😨

    err 여러분이 생각하신 페이지가 제대로 작동이 안되나요? 위의 사진처럼 Jekyll 테마가 제대로 작동하지 않는다면 이렇게 해보세요!
    err1 err2 위의 사진처럼 repository에서 Settings를 들어가 왼쪽에 Pages를 클릭합니다. Source부분에 Deploy from a brach라 되있는 부분을 GitHub Actions로 바꿔줍니다. 바꾼 후 1~2분 후에 다시 깃허브 블로그를 확인해봅시다!

err3 이제 제대로 블로그 페이지가 작동되는 것을 확인해 볼 수 있습니다!! 여러분 고생하셨습니다!! 다음에는 블로그에서 Favicon, avartar등 블로그를 꾸밀 수 있는 법을 포스팅 해보겠습니다. 감사합니다!
😀블로그 만드느라 수고하신 여러분! 행복한 하루 보내세요!!😀

This post is licensed under CC BY 4.0 by the author.