Frontmatter가 정확히 무엇입니까?
4158 단어 markdown
Frontmatter
를 자주 참조합니다.프론트매터란?
그러나이 Frontmatter는 정확히 무엇입니까?
Frontmatter는 Markdown 파일에서 메타데이터를 식별하는 방법입니다.
메타데이터는 문자 그대로 원하는 모든 것이 될 수 있지만 종종 페이지에 필요하고 직접 표시하고 싶지 않은 데이터 요소에 사용됩니다.
일반적인 메타데이터의 몇 가지 예는 다음과 같습니다.
이것은 단지 몇 가지 예일 뿐이며 Frontmatter를 사용하여 원하는 만큼 미친 듯이 만들 수 있습니다.
Frontmatter를 추가하는 방법?
Markdown 문서에 Frontmatter를 추가하려면 먼저 파일 맨 위에 점 3개 블록을 작성해야 합니다.
---
title: "Frontmatter section"
---
# Markdown section
위의 예에서 세 개의 점을 예로 볼 수 있습니다. 거기에 있는 모든 것이 메타데이터로 표시됩니다.
두 번째 세 개의 점 아래에서 기본 Markdown 파일이 시작됩니다.
몇 가지 기본 Frontmatter 옵션
Frontmatter는 YAML 블록으로 구문 분석되므로 들여쓰기가 중요합니다.
예를 들어 콜론 설정으로 일반 변수를 설정할 수 있습니다.
---
title: 'The document title'
---
또는 객체 배열로 변환할 수 있습니다.
---
tags:
- JavaScript
- Markdown
---
또는 배열을 정의하는 대괄호 방식을 사용할 수도 있습니다.
---
tags: ["JavaScript", "Markdown"]
---
극단적인 경우 다차원 개체 배열을 원할 수도 있습니다.
---
tech:
- frontend
stack: Remix
- backend
stack: Go
---
배열 외에도 여러 줄 텍스트 블록을 사용할 수 있습니다.
이를 추가하는 첫 번째 방법은 코드 편집기에서 시각적으로만 수행하는 것입니다. 이렇게 하면 출력된 코드에 줄 바꿈이 추가되지 않습니다.
---
description: >
this is a
multiline
string
---
다음이 출력됩니다:
this is a multi-line string
그러나 새 줄을 추가하려면 파이프 방법을 사용하십시오.
---
description: |
this is a
multiline
string
---
다음이 출력됩니다.
this is a
multi-line
string
결론
Frontmatter는 Markdown 파일에 일부 메타데이터를 포함하도록 만드는 매우 직관적인 방법입니다.
SEO, 웹 사이트 데이터를 향상시키고 적절한 MDX 속성을 렌더링할 수도 있습니다.
읽어주셔서 감사합니다. 연결해 봅시다!
제 블로그를 읽어주셔서 감사합니다. 내 이메일 뉴스레터를 구독하고 Facebook에 연결하거나
Reference
이 문제에 관하여(Frontmatter가 정확히 무엇입니까?), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/dailydevtips1/what-exactly-is-frontmatter-123g텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)