본문 바로가기

IT.모바일

Jekyll YAML Front Matter

by FrankUniq 2023. 8. 2.
SMALL

YAML (Yet Another Markup Language)

YAML은 사람과 컴퓨터 모두가 쉽게 읽고 쓸 수 있도록 설계된 인간이 읽기 쉬운 데이터 직렬화 형식입니다. 주로 설정 파일과 프로그래밍 언어 간의 데이터 교환에 사용됩니다.

다음은 YAML에 관한 주요 사항입니다:

  1. 구문: YAML은 들여쓰기와 특수 문자를 사용하여 데이터 구조를 표현합니다. 각 요소를 구분하기 위해 공백과 줄 바꿈을 활용합니다.
  2. 데이터 유형: YAML은 문자열, 숫자, 불리언, 배열(리스트) 및 사전(맵)과 같은 다양한 데이터 유형을 지원합니다.
  3. 주석: YAML 파일에는 라인을 '#' 기호로 시작하여 주석을 추가할 수 있습니다.
  4. 중첩: YAML은 데이터 구조를 중첩할 수 있어 배열 내에 배열이나 사전 내에 사전을 가질 수 있습니다.
  5. 중괄호나 세미콜론 없음: 많은 프로그래밍 언어와 달리 YAML은 중괄호 {}나 세미콜론 ;을 사용하지 않습니다.

다음은 YAML의 간단한 예시입니다:

# YAML 데이터 예시
이름: 홍길동
나이: 30
학생인가: true
취미:
  - 읽기
  - 요리
  - 등산

이 YAML 데이터는 '홍길동'이라는 사람에 대한 정보를 나타냅니다. 이름, 나이, 학생 여부(boolean 값), 그리고 취미 목록이 포함되어 있습니다.

Jekyll

Jekyll은 정적 사이트 생성기로, 정적인 HTML, CSS, JavaScript 파일로 웹사이트를 구축하는 데 도움을 줍니다. 주로 블로그, 문서, 간단한 웹사이트에 사용됩니다. Jekyll의 주요 기능 중 하나는 YAML Front Matter의 사용입니다.

YAML Front Matter는 컨텐츠 파일의 맨 위에 위치한 YAML 데이터 블록입니다(예: Markdown으로 작성된 블로그 글). 이 블록은 삼중 대시 (---)로 둘러싸여 있으며, 컨텐츠에 대한 메타데이터를 제공합니다. 예를 들어 레이아웃, 제목, 작성자 등이 있습니다.

다음은 YAML Front Matter를 사용한 간단한 Jekyll 블로그 글의 예시입니다:

---
layout: post
title: "YAML과 Jekyll 소개"
author: 홍길동
date: 2023-07-30
---

# 블로그에 오신 것을 환영합니다!

이 글에서는 YAML과 Jekyll에 대해 소개하겠습니다.

이 예시의 YAML Front Matter에서는 'post'라는 레이아웃을 사용하고 있으며, 블로그 글의 제목, 작성자 및 날짜와 같은 다른 메타데이터를 제공합니다.

YAML과 Jekyll에 대해 이해하는 데 도움이 되었기를 바라며, 궁금한 점이나 추가 설명이 필요하면 언제든지 물어보세요!

YAML (Yet Another Markup Language)

YAML is a human-readable data serialization format. It stands for "YAML Ain't Markup Language." YAML is often used for configuration files and data exchange between programming languages. The format is designed to be easy to read and write for both humans and computers.

Here are some key points about YAML:

  1. Syntax: YAML uses indentation and special characters to represent data structures. It relies on spacing and line breaks to separate different elements.
  2. Data Types: YAML supports various data types, including strings, numbers, booleans, arrays (lists), and dictionaries (maps).
  3. Comments: You can add comments in YAML files by starting a line with the "#" symbol.
  4. Nesting: YAML allows nesting of data structures, which means you can have arrays within arrays or dictionaries within dictionaries.
  5. No Braces or Semicolons: Unlike many programming languages, YAML doesn't use braces {} or semicolons ; to separate elements.

Here's a simple example of YAML:

# Sample YAML data
name: John Doe
age: 30
is_student: true
hobbies:
  - Reading
  - Cooking
  - Hiking

This YAML data represents information about a person named John Doe. It includes his name, age, whether he's a student (boolean value), and a list of his hobbies.

Jekyll

Jekyll is a static site generator, which means it helps you build websites that consist of static HTML, CSS, and JavaScript files. It is commonly used for blogs, documentation, and simple websites. One of Jekyll's key features is the use of YAML Front Matter.

The YAML Front Matter is a block of YAML data that is placed at the beginning of a content file (e.g., a blog post written in Markdown). It is enclosed by triple dashes (---) at the top of the file. This Front Matter provides metadata about the content, such as the layout to use, title, author, etc.

Here's an example of a simple Jekyll blog post written in Markdown with YAML Front Matter:

---
layout: post
title: "Introduction to YAML and Jekyll"
author: John Doe
date: 2023-07-30
---

# Welcome to my blog!

In this post, I'll introduce you to YAML and Jekyll.

The YAML Front Matter in this example specifies that the layout to be used is "post," and it provides other metadata like the title, author, and date of the blog post.

When Jekyll processes the site, it reads the YAML Front Matter, extracts the metadata, and uses it to generate the appropriate HTML files for the website.

댓글