깃허브 블로그 만들어보기
안녕하세요 여러분! 첫 포스팅은 깃허브 블로그를 어떻게 만드는지에 대해 올리려합니다!😚
JEKYLL(지킬)에서 테마 고르기!
Jeykll은 정적 웹 사이트 생성기 중 하나이고 Ruby로 개발이 되어 있습니다. Jekyll은 템플릿 파일과 Markdown(마크다운) 기반의 문서 파일을 읽어들여 웹페이지로 변환해주는 역할을 합니다.
위에 사진처럼 깃허브를 들어가서 왼쪽 위에 검색창에 Jekyll을 검색하면 여러가지 테마들이 나오는데, 여기서 여러분이 마음에 드는 테마를 선택합니다! (저는 Chirpy테마를 선택했습니다.) https://jekyll-themes.com/blog/top-jekyll-themes –> Jekyll 테마 순위 사이트
Jeykll 테마 Fork 해오기
위의 사진처럼 원하는 테마를 Fork해옵니다. Repositoy name은 반드시 Username.github.io 이런 형태로 작성해줘야 합니다! Repository name 설정 후 Create fork 버튼을 클릭하여 마무리 해줍니다.
_config.yml에서 정보 수정하기
위에 과정을 거쳤다면 이런 형태의 repository가 만들어집니다! 다음으로 repository에서 밑으로 내리다보면 _config.yml이란 파일이 있는데 그 파일을 들어가 줍니다. _config.yml 파일에 들어가서 저 연필 버튼을 누르고 내리다 보면 url을 찾아 볼 수 있는데 url 부분에 https://username.github.io 이런 형태로 기입해줍니다. (baseurl은 건들지 않습니다!!) url 뿐 만 아니라 title, github, twitter, name ,email 등 여러분의 정보도 입력해줍니다! (URL은 필수!!) 정보 입력이 끝났다면 Commit을 해줍니다.
자 드디어 깃허브 블로그 만들기가 끝났습니다!! Commit 후 1~2분이 지나면 여러분의 블로그를 만나실 수 있습니다. 블로그를 들어가 볼까요?? (여러분이 url에 입력한 그 주소로 들어가면 됩니다!)블로그가 제대로 작동이 안될때 😨
여러분이 생각하신 페이지가 제대로 작동이 안되나요? 위의 사진처럼 Jekyll 테마가 제대로 작동하지 않는다면 이렇게 해보세요!
위의 사진처럼 repository에서 Settings를 들어가 왼쪽에 Pages를 클릭합니다. Source부분에 Deploy from a brach라 되있는 부분을 GitHub Actions로 바꿔줍니다. 바꾼 후 1~2분 후에 다시 깃허브 블로그를 확인해봅시다!이제 제대로 블로그 페이지가 작동되는 것을 확인해 볼 수 있습니다!! 여러분 고생하셨습니다!! 다음에는 블로그에서 Favicon, avartar등 블로그를 꾸밀 수 있는 법을 포스팅 해보겠습니다. 감사합니다!
😀블로그 만드느라 수고하신 여러분! 행복한 하루 보내세요!!😀