Tech Stock logo Tech Stock

Directory Structure

이미 링크타고 가면 공홈에 나와있다.

.
├── _config.yml
├── _data
 |   └── members.yml
├── _drafts
 |   ├── begin-with-the-crazy-ideas.md
 |   └── on-simplicity-in-technology.md
├── _includes
 |   ├── footer.html
 |   └── header.html
├── _layouts
 |   ├── default.html
 |   └── post.html
├── _posts
 |   ├── 2007-10-29-why-every-programmer-should-play-nethack.md
 |   └── 2009-04-26-barcamp-boston-4-roundup.md
├── _sass
 |   ├── _base.scss
 |   └── _layout.scss
├── _site
├── .jekyll-metadata
└── index.html # can also be an 'index.md' with valid front matter

꼭 이대로 할 필요는 없다.
default.html 안에 풋터 헷더 다 넣는 경우도 있고
_includes에 head 태그만 따로 뽑아 놓는 경우도 있고
블로그 관리자 나름이다.

나의 경우엔 _includes에

  • analytics.html 구글 애널리틱스 설치
  • disqus.html 디스커스 댓글기능 설치
  • head.html 헤드테그 따로뺌(관리하기 편함)

이렇게 3개는 무조건 넣고 footer.html은 선택


■ _layouts에는

  • default.html 하나만 넣거나, 싸이트가 좀 규모있거나 여러기술 쓰면 추가하는식이 많다
  • post.html 은 포스팅의 기본틀을 잡아주는곳.

■ _posts

  • 실제 포스팅하는 글을 올리는곳
  • 가장많이 commit / push 하는곳이다

    포스팅 날짜를 미래날짜나 미래시각으로 기입 하거나(자동무시), 포스팅 파일을 한글로하면(빌드에러) 안된다.


■ _site 는 빌드된 결과물이 놓이는 곳이니 푸쉬대상이 아니다.
반드시 .gitignore에 추가해준다. 링크 : .gitignore의 필요성

github는 자동으로 빌드 디플로이(CI툴이 백단에서 돌아감)를 해주기 때문에 _site를 안올려도 되는것이고
AWS나 GCP에 돌릴 경우에는 빌드해서 _site를 만들어놔야 하는듯?

■ _plugins 공홈에는 안나온듯?

  • 클라이언트쪽 제어문을 ruby로 작성하거나 했을때 rb파일 넣는곳
  • 주로 검색기능등에 많이 쓰인다

■ css

  • 주로 css의 메인 선언문 등을 놓거나 한다 main.css

이런 느낌으로 많이 쓴다

---
layout: null
sitemap: false
---

$base-font-family: 'Open Sans', sans-serif;
$base-font-size:   14px;
$base-font-weight: 300;
$body-background-color: #2B2E31;

$baseurl: "";

@import "code";
@import "tables";
@import "layout";

  • 내용은 기본폰트 선언 및 임포트할 css내용 기재
  • 사이트를 섬세하게 예쁘게 만들려면 css의 구조화가 필요한데 그럴때는 이렇게 쓰는게 낫다

■ _sass

  • scss파일들을 놓는곳
  • 위의 main.css에서 임포트한놈들 을 놔두는 곳이다.
  • _code.scss라거나 _tables.scss라거나 _layout.scss 이런식을 파일을 놓는다

■ _drafts

  • 아직 비공개인 초안파일을 작성하여 놓는곳
  • –drafts 옵션을 추가해서 jekyll을 구동하면 된다.