Jekyll이란

Jekyll이란?

• 텍스트 변환 엔진으로, 마크업 언어로 글을 작성하면 미리 정의해 놓은 규칙에 따라서 정적인 웹사이트를 만들어준다. 이 과정에서 원하는 기능들을 구현할 수 있다.
• 정적 웹사이트를 만들기 때문에, PHP 등의 서버 소프트웨어가 필요 없어, 매우 빠르고 가볍다.
• 기본적인 형식
  • 마크다운 언어로 작성한 포스트를 github에서 commit & push한다.

디렉토리 구조

파일/디렉토리	기능/역할
includes	재사용을 위한 파일들을 담는 디렉토리로, 포스트나 레이아웃을 쉽게 삽입할 수 있다
posts	내가 만든 컨텐츠를 담는 디렉토리로, 파일들의 명명 규칙에 따라 네이밍한다
layouts	포스트를 포장, 레이아웃을 선택을 위한 파일들을 담는 디렉토리
site	JIKILL의 변환을 마친 파일들이 들어가는 DEFAULT 디렉토리
sass	Sass 조각파일들로 main.scss에 임포트 할 수 있으며 그 후에는 하나의 스타일 시트로 가공된다
config.yml	환경설정 정보들을 보관한다 (명령어를 실행 시, 여러 옵션들을 그때마다 적용할 필요가 없어진다
sitemap.xml	검색 엔진에서 보다 쉽게 crawl 해 찾을 수 있도록 돕는다

Jekyll의 매커니즘

파일 기반의 데이터를 정적인 리소스로 빌드해서 서비스

• 게시글마다 md 파일이나 html 파일을 생성한다.
• 글을 작성하고 배포하기 위한 빌드를 jekyll에서 진행하면 응답할 html 화면을 만들고 파일로 저장해서 준비한다.
• 유저가 특정 화면을 요청하면 미리 생성한 html 파일을 찾아 꺼내준다.
• DB를 조회하고 HTML 양식으로 응답하는 과정과 같다.

  모든 화면을 미리 만든다.

• 유저가 요청할 수 있는 모든 화면을 미리 빌드해 두는 방식을 상용
• 따라서 글이 많을 수록 길어지는 글 목록 화면이 많아지고 미리 만들어야하는 페이지 수도 많아진다.

  검색 기능

• 클라이언트 스크립트를 사용해서 작성된 모든 글의 제목과 내용에 키워드를 조회한다.
• 최상위 경로에 검색에 필요한 정보인 search.json을 생성하고 자바스크립트를 이용해 검색한다.

추가

• git에서는 post의 확장자가 무조건 markdown이어야 정상적으로 html로 변환된다.
  • mdwn이면 다운로드되고, md면 안나오고 markdown이어야한다.

참고 링크

• github로 블로그 시작하기
• jekyll을 이용한 블로그 만들기
• jekyll의 매커니즘을 이해해 보자
• jekyll의 sitemap 이란?