잡다한 설정

6 분 소요

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 를 조절해주면 됨. # 의 갯수가 단계임

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 가 날라가는 방식임.

Utterances

  • 여기서 우선 블로그가 있는 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 들어올거도 없겠지만 넣는게 깔끔함

댓글남기기