jekyll테마의 minimal_mistakes를 사용하면서 대부분 만족하였지만, 한가지 아쉬운 점이 있었다. 바로 소스코드를 올렸을 때 페이지의 넓이가 작아서 코드의 많은 부분이 짤려나온다는 점이었다. 물론 스크롤을 해서 나머지 코드들도 볼 수 있지만 가독성이 떨어졌기 때문에, 이를 해결하기 위해 오늘은 블로그의 넓이를 조정해보고자 한다.

  • 수정할 부분
    github.io -> _sass -> _minimal-mistakes -> _variables.scss
    

    위와 같은 순서로 먼저 이동해줍니다.

스크린샷 2022-03-19 오후 11 38 13
위 사진처럼 Grid부분을 찾아서 158~160번줄을 수정해준다. 기본값은 원래 200,300,400이었는데 저는 보기와 같이 수정하였습니다.
위의 과정을 마치고 push 한 뒤에 블로그를 확인해보고 눈에 띄게 페이지가 넓어진 모습을 확인할 수 있습니다.

카테고리:

업데이트:

댓글남기기