코딩일지(2024-06-03)

깃허브 블로그의 본문영역을 넓혀보려고 한다.

지금까지 minimal-mistakes라는 테마를 기반으로 한 깃허브 블로그를 운영하면서 살짝 불편했던 점이 있었는데, 바로 본문영역이 너무 좁다는 것이었다.

그래서 이를 해결하기 위해 이번에 이렇게 코딩일지를 작성하게 되었다.

그러면 이제 시작!!

Width 조절하기

루트 아래에,

_sass > _minimalmistakes > _variable.css

에 들어가서 편집을 진행해주었다.

아래와 같이 편집을 해주었다. 주석처리된 부분은 원래 기본설정값인 부분들이다.

이렇게 하고 강력 새로고침(ctrl + shift + r)을 해주었더니 다음과 같이 본문영역이 늘어난 것을 확인할 수 있었다.

전과 후를 비교해보자!

before>

after>

근데 다음과 같이 ToC가 엄청 쪼그라든 것을 확인할 수 있었다. 그래서 이 부분을 개선해보려고 한다.

어떻게? 그냥 왼쪽 사이드바를 없애려고 한다.

기존 리스트를 볼때만 사이드바가 뜨고, 본문 포스팅으로 진입할때는 않뜨도록 숨길려고 한다.