본문 바로가기
Blog 쌈사드셈

Jekyll Content 기본적인것들

by 정세명 2021. 6. 10.

Pages

Content 의 가장 기본적인 구성 요소며  페이지를 추가하는 가장 간단한 방법은 적절한 파일 이름으로 루트 디렉토리에 HTML 파일을 추가하는 것이다. *.md빌드시 HTML로 변환 하는 확장을 사용하여 Markdown에서 페이지 를 작성할 수도 있다.  홈페이지, 정보 페이지 및 연락처 페이지가있는 사이트의 경우 루트 디렉토리 및 관련 URL은 다음과 같습니다.

.
├── about.md    # => http://example.com/about.html
├── index.html    # => http://example.com/
└── contact.html  # => http://example.com/contact.html

페이지가 많은 경우 하위 폴더로 구성 할 수 있다. 폴더를 사용해서 그룹하 해서 넣어 두면 사이트 주소도 거기에 맞춰서 변경 된다. 

.
├── about.md          # => http://example.com/about.html
├── documentation     # folder containing pages
│   └── doc1.md       # => http://example.com/documentation/doc1.html
├── design            # folder containing pages
│   └── draft.md      # => http://example.com/design/draft.html

그런데 Root에 about.markdown 이 있고 내용이 있는 상태에서는 "~/about/" 이라고 해야 나오는데.. ;;; 뭐지 

Posts

실제 블로그의 내용이 담기는 곳이고 지킬은 이걸 보기 좋은 블로그로 변환 해 준다. " _posts" 폴더에 블로그 파일들이 살고 있는 집이라 ..표현함..;;; Markdown 파일이어야 하며 HTML 파일도 된다 함.. 

 

_posts 폴더에 "YEAR-MONTH-DAY-title.MARKUP" 형식으로 파일을 만들어 넣어 두면 된다ㅏ. Year는 4자리 연도이며 월,일은 2자리 숫자로 해야 한다합니다. 

2011-12-31-new-years-eve-is-awesome.md
2012-09-12-how-to-write-a-blog.md

예제로 위와 같은 형식으로 해야 한다합니다.  title은 굳이 title로 할 이유는 없고 적당히 안겹치는 ID 정도로 생각 하면 될 듯 합니다. 

 

Post할 파일의 내용은 Front Matter (서문) 을 YAML 형식으로 기술 해줘야 한다. 

---
layout: post
title:  "Welcome to Jekyll!"
---

# Welcome

**Hello world**, this is my first Jekyll blog post.

I hope you like it!

이미지나 파일을 추가 하고 싶다면 assets폴더를 만들고 아래와 같이 링크를 걸어 주는걸 추천 한다고 한다. 

이미지를 삽입하고 싶다면.. 
... which is shown in the screenshot below:
![My helpful screenshot](/assets/screenshot.jpg)

파일을 추가 하고 싶다면 
... you can [get the PDF](/assets/mydoc.pdf) directly.

Post의 인덱스를 Liquid 를 사용하여 스크립트 같이 쉽게 Page에 만들 수 있다. 아래와 같은 코드를 사용 하면 된다. 

<ul>
  {% for post in site.posts %}
    <li>
      <a href="{{ post.url }}">{{ post.title }}</a>
    </li>
  {% endfor %}
</ul>

 

 

 

'Blog 쌈사드셈' 카테고리의 다른 글

jekyll minimal mistake blog toc 설정 하기  (0) 2021.06.15
jekyll minimal mistake theme 설치 하기  (0) 2021.06.10
Jekyll 알아 보기  (0) 2021.06.10