쉬울 것 같은 github pages 로 블로그 만들기 (2) - 가져온 템플릿을 수정해보자

jekyll을 사용해서 템플릿을 가져오는데까지 많은 우여곡절이 있었지만 해냈다. 

궁금하신 분들은 아래의 포스팅을 보고 오시면 된다. 👇🏻

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

 

 

결론적으로는 ruby없이도 jekyll 템플릿가져와서 쓸 수 있다. 커스텀하고 하려면 어쩔 수 없이 로컬에 클론해서 써야할 것 같지만...

무튼 나는 로컬에서도 쓸 수 있게 된 상황이 되었고, 맘껏 커스텀을 시작하자!!!! 고 맘을 먹기 시작하면서도 다시 또 시련이 시작...

로컬 서버로 호스팅해도 커스텀하는게 충돌나고 적용이 안되는 것 아닌가!!! 

앞으로 이야기 할 부분은 템플릿에 따라서 다르게 적용될 것 이기때문에 그 점 감안해서 봐주시길 바란다! 

 

 

템플릿에서 수정할 곳!

 

 

내가 쓰는 템플릿은 위와 같은 프로젝트 폴더 구조를 가지고 있다. 여기서 커스텀을 할 수 있는 폴더는 사실 정해져있다!!!! 

 

우선 제일 바깥쪽 폴더에 있는 _config.yml 

이 파일은 전체적인 구성을 커스텀할 수 있다. 아래와 같이 블로그의 전체적인 설정부분이다. 블로그 타이틀, 글쓴이의 정보 등 ...

블로그를 구성하는 전반적인 부분을 수정할 수 있다. 

 

 

 

_posts 폴더에는 .md 타입의 파일이 쫙 올라가있다. 포스팅들을 markdown 문법형식으로 적어주고 이 폴더에 넣어주면 새로운 포스팅일 올라가는 것이다. 기존에 있던 글들은 아직 지우지 않은 상태로 새로운 post를 한번 업뎃해보았다. next.js 기술문서를 한국어로 번역한 포스팅! 

 

_pages 폴더에는 카테고리, 태그와 같은 페이지가 변하는 부분에 적용되는 것들이 있다. 이 템플릿의 경우 about페이지 파일이 이 곳에 있다. 역시나 markdown 문법으로 적어주면 된다. 

 

_layouts 폴더에서 블로그의 전체적인 레이아웃을 변경할 수 있다. html 파일이 들어가있는데 필요한 부분은 남겨주고 필요없는 부분은 주석으로 처리하거나 지웠다. 아직 새로운 것을 더해보지는 못했는데.... 일이 커질 것 같아서 안했닼ㅋ.. 이 템플릿의 경우 푸터에 계속해서 subscribe email 안내 레이아웃이 떴다. 그래서 지워버림 ㅋㅋㅋ

 

_includes 폴더에서는 각 페이지 안 레이아웃에 들어가있는 소소한 부분들을 커스텀할 수 있다. 예를 들어서 post에 속한 profilebox에 내용을 살짝 변경한다던가 하는 식으로 말이다. 소소한 파트의 구성을 수정할 수 있다. 

 

그리고 css 적인 부분은 _sass에서 변경할 수 있다. 이런걸 모르고 _site 폴더 안에서 뭔가를 변경하려고하고, 다른 html 파일을 건드려서 충돌내고~ 위에서 언급한 폴더들만 수정해도 어느정도 커스텀이 다 가능하다! 

 

 

변경해서 commit and push를 하면 자동으로 github이 배포한다. 만약 배포에 실패했다?!? 

아래처럼 github repositorydp actions에 들어가보면 배포 진행과정을 체크해볼 수 있다. 

 

 

 

그래서 사실 github repository에서도 수정이 가능한 부분이라서 굳이 로컬로 땡겨서 수정하지 않아도 괜찮을 듯함. 여러개 한꺼번에 수정해서 한꺼번에 올릴때는 역시나 로컬이 편하긴 하지만 ... 커스텀이 모두 끝나고 포스팅만 올린다면 상관없을지도~