Chirpy 셋팅 및 리뷰
포스트
취소

Chirpy 셋팅 및 리뷰

Chirpy라는 Jekyll Theme을 깔아서 사용하게 되었다. 대충 전체적으로 마음에 드는데, 몇 가지 아쉬운 점이 있어서 글을 써 본다.

리뷰

1. 그놈의 YEAR-MONTH-DATE-TITLE.EXTENSION 꼴은 왜 그렇게 좋아하는 건지

사실 이건 Jeykll Theme이면 모두 그래야 하는 줄 알았지만… 그게 아니더라고? notenote.link 라는 Obsidian 연동 Jeykll Theme은 또 YEAR-MONTH-DATE-TITLE.EXTENSION을 안 따라도 잘 Publish 해 주던게 너무 신기했다.

2. 그놈의 Frontmatter는 왜 꼭 필수인건지

notenote.link에서도 Frontmatter는 꼭 있어야 Publish가 되길래, 어떤 부분에서 그렇게 만드는지 좀 살펴 봤는데 끝까지 못찾았아서… 너무 아쉽다. 충분히 ctime이랑 mtime으로 만들 수 있지 않나? Category랑 Description이라던지 이런건 셋팅하는건 이해하겠는데 title이랑 date를 매번 셋팅해 주는 게 너무 답답했다.

셋팅

Chirpy Demo 사이트에서 하라는 대로 Favicon을 셋팅하고, 디자인 관련 수정하고 싶은 것이 있어서 style.scss를 조금 건들여 주었다. Obsidian에서 셋팅했던 대로 블록 느낌의 스타일을 주기 위해 다음과 같은 코드를 사용하였다.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
---

---

@import url('https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/variable/pretendardvariable-dynamic-subset.css');

@import 'jekyll-theme-chirpy';

/* append your custom style below */

/* title */
h1[data-toc-skip] {
  font-size: 2.5rem;
}

br {
  content: '';
  display: block;
  margin: 10px 0;
}

body {
  font-family: 'Pretendard Variable', Pretendard, -apple-system,
    BlinkMacSystemFont, system-ui, Roboto, 'Helvetica Neue', 'Segoe UI',
    'Apple SD Gothic Neo', 'Noto Sans KR', 'Malgun Gothic', 'Apple Color Emoji',
    'Segoe UI Emoji', 'Segoe UI Symbol', sans-serif;
}
이 기사는 저작권자의 CC BY 4.0 라이센스를 따릅니다.

Obsidian을 블로그 백엔드로 사용하기

Next.js App router의 사용과 파일 관리