[Github Blog] Style 변경 Tip 정리

1. post 형식 : list / grid

.html

페이지마다 게시글 보기 형식을 다르게 할 수 있는데 .html파일의 경우 default를 grid 또는 list로 바꿔주면 된다.

assign entries_layout = page.entries_layout | default: 'grid'

.md

파일의 맨 처음 부분인 ‘—’,’—’ 사이에 entries_layout: grid를 추가한다.

---
entries_layout: grid
---

2. 줄 간격(line width) 변경

_sass폴더를 보면 여러 스타일에 대한 내용이 잘 정리되어 있는데 내가 변경하고자 하는 곳을 잘 찾아가기 위해서는 class name이나 id를 잘 보면 된다.

목표 1. 게시글 제목의 줄 간격을 넓히고 싶다.

post 형식을 grid로 하게 되면 두 줄 이상으로 되는 경우가 많다. 글씨체를 바꾸다보니 답답해보여 이를 바꾸고 싶었다.

# _archive.scss > .archive__item-title
line-height: 1.5;

# _page.cscc > .page__title
line-height: 1.5;

3. Code Box 스크롤바 만들기

_sass > minimal_mistakes > _base.scss 에서 code 부분

pre {
  overflow: auto;
  max-height: 500px;
}