잡다한 설정
Font 크기 및 여백
_sass/_variables.scss
에서$h-size-1
등을 바꿀 수 있음
_base.scss
에서 h1, h2 ... h6
에서 margin: 3em 0 1.0em;
하면 괜찮게 나옴
Highlight 의 Tab 크기 조절
처음에 설정된거 보니까 탭이 8정도 된거 같음
이거보고 _syntax.scss
의
.highlight pre {
width: 100%;
}
부분에 tab-size: 4;
추가하니 VS 와 비슷하게 나옴.
화면 Body 넓기 조절
_variables.scss
에서
/*
Grid
========================================================================== */
$right-sidebar-width-narrow: 170px !default;
$right-sidebar-width: 200px !default;
$right-sidebar-width-wide: 260px !default;
// $right-sidebar-width-narrow: 200px !default;
// $right-sidebar-width: 300px !default;
// $right-sidebar-width-wide: 400px !default;
TOC(Table of Content) 단계 조정
Layout 보면
이런게 있음.
h_min
, h_max
를 조절해주면 됨. #
의 갯수가 단계임
Sidebar
Front Matter 에서 아래와 같이 추가하거나 _config.yml
의 Default 에 추가해야함.
sidebar:
nav : "[ClassName]"
위의 ClassName
은 /_data/
폴더에 있는 navigation.yml
에서의 클래스 이름으로, 아래와 같음.
[ClassName]:
- title: Navigation
children:
- title: "Tags"
url: /navi-tags/
- title: "Categories"
url: /navi-categories/
위의 url
은 에 따라서 /_site/navi-tags/Index.html
가 생성됨.
내가 알기론 Index.html
은 archive 용이고, 실제로 url 로는 접근하려면 다른 Post 처럼 /navi-tags.md
를 직접 만들어줘야함.
직접 만드는 마크다운 문서는 Front Matter 의 Layout 을 Theme 에 따라 미리 존재하는 /_layout/Categories.html
같은 걸로 바꾸면 쉽게 처리할 수 있음.
수정이 필요하면 Liquid 를 참고하고 Front Matter 를layout: FileName
으로 하면 됨.
제목 대소문자 강제변경 해제
_plugins/[아무이름].rb
를 만들어
module Jekyll
module Utils
def titleize_slug(slug)
slug.split("-").join(" ")
end
end
end
를 넣으면 됨.
소스코드 내용을 Override 시키는 작업임.
하지만 이러면 Local 에만 적용이 됨. SO
- 해결법이 빌드된 내용인
_site/
를 올리는거라는데, Post 원본 빼고올리는건가 몰겟음
댓글 Utterances
댓글을 적으면 Github 에 Issue 가 날라가는 방식임.
- 여기서 우선 블로그가 있는 Repository 에 Apps 를 넣어줘야함
- About Apps
나는 Minimal Mistake 를 쓰므로, 스크립트를 통채로 복붙하지 않아도 됨.
_includes/comments-providers/utterances.html
- 여기서 원하는 설정을 하면됨
- 소스를 보면 알겠지만
_config.yml
에서 값을 설정할수도 있음.comments: provider : "utterances" # false (default), "disqus", "discourse", "facebook", "staticman", "staticman_v2", "utterances", "giscus", "custom" utterances: theme : "github-dark" # "github-light" issue_term : "pathname"
_config.yml
에는 Label 설정이 없는데 어차피 Issue 들어올거도 없겠지만 넣는게 깔끔함
댓글남기기