쉬울 것 같은 github pages 로 블로그 만들기 (1) - 템플릿가져와서 설정하기

 

배포도 쉽게쉽게! 넘나 쉬울 것 같은 github pages를 만들어봅시다!

예전에 블로그가 필요해서 포트폴리오 겸해서 pages를 만들었다가 지운적이 있었는데 이번에 영어용으로 하나 필요할 것 같아서 본격적으로 다시 시작해보려고 합니다. 실시간으로 페이지를 만들어가면서 여기에 글을 올릴거라서 포스팅이 늦어질 수도 있어요.

한번 차근차근 적어보려고합니다. 

 

우선적으로 저는 jekyll theme를 사용할 거라서 내가 페이지를 만드는 목적에 맞게끔. 무료로 제공하는 템플릿 중 하나를 선정했습니다. 

• jamstackthemes.dev
• jekyllthemes.org
• jekyllthemes.io
• jekyll-themes.com

제가 선택한 테마는 https://jekyllthemes.io/theme/mediumish  입니다

프로젝트도 올릴 생각이지만 그 외에도 life 관련해서 사진들도 많이 올라갈 예정이라서 목적을 생각하며 여러가지를 고려해서 정한 템플릿입니다. 

 

 

1. 내 저장소로 템플릿 fork하기 

자, 이제 템플릿은 정해졌습니다. 그러면 해당 템플릿의 github으로 가시면 됩니다. 

그리고 그 저장소를 내 깃헙으로 fork 해주시면 됩니다. 

 

 

 

2. fork된 repository name을 내 것으로 바꿔주기 

내 저장소로 fork된 것을 확인했다면 바로 setting으로 갑니다 

아래의 첨부사진은 제가 이미 fork해온 repository name을 setting에서 제 이름으로 바꿔줬기 때문에 아래와 같이 뜨는 겁니다. 

원래는 해당 fork한 저장소 이름이 나온답니다. 

 

 

 

아래처럼 setting에 들어가서 repository name을 바꿔주시면 됩니다. 저처럼 github.io를 붙여서 진행해주시면 나중에 깃허브 페이지 주소 아래와 같습니다. 하지만 다른 이름으로 진행해주시면 {본인깃헙이름}.github.io/{respository_name} 으로 주소가 정해지는 걸로 알아요. 물론 custom 할 수 있습니다. 

 

 

 

3. 기본 설정 내용들을 내 것으로 바꿔주기

setting이 끝났다면 이제 설정부분을 변경해줘야합니다. 

아래의 파일을 찾아가서 편집해주시면 됩니다. 

 

 

 

내 이름을 설정했다면, 이름을 제대로 변경해줘야지 pages가 잘 뜬답니다. 

추가) 아니 아래처럼 이름을 변경해줘야한다고해서 baseURL을 저렇게 바꿔졌더니 아래 사진 엑박뜨는것처럼 된거다... .........

ruby로 하니 잘만되던 이유..... baseURL을 / 그냥 이렇게 바꿔주면 된다. 이때 당연히 repository name 이 {본인이름}.github.io여야 할것이다. 그게 아니면 /{repository_name} 넣어줘야하는 것 같다. 무튼 '/' 이렇게 변경해주니 다 잘뜬다.오랜만에 삽질 엄청했다.

 

 

 

위의 모든 설정을 끝냈다면 5-10분 정도 기다려주세요. pages를 배포하는데 시간이 좀 걸려요 

아래는 딱! 처음 github pages에 들어갔을 때입니다. 

이게 맞나싶을 정도로 이상하게 떠있는 페이지 ㅋㅋㅋㅋㅋㅋ 

무튼 뜨긴 뜨네요. 이제 커스텀을 해야하는뎁 ㅎ.... 

 

 

 

 

 

 

추가 ++++

위에 나온 것들은 ruby와 jekyll이 적용 안 된 모습이다. 로컬에서 ruby, jekyll 다 적용해서 서버를 열었더니~~~

 

 

 

이렇게 뜬다... ㅋ....... 하아.......뭐가 문제야...