Skip to main content
GitHub
3 min read

가이드

슬라이드 모드 데모

수평선(---)으로 나눈 전체 화면 슬라이드와 2열 레이아웃 예시입니다.

최소 템플릿 (복사용)

파일 맨 위에 YAML frontmatter를 두고, 닫는 --- 다음 본문에서 슬라이드마다 --- 한 줄로 나눕니다. Quick mode의 .md 만으로도 됩니다(MDX 불필요).

Info

맨 앞의 ------ 는 메타데이터만 해당합니다. 그 아래에서 단독으로 쓰인 --- 는 슬라이드 구분(가로줄)입니다.

---
title: 내 슬라이드
description: 한 줄 요약
slides: true
---

# 첫 슬라이드

내용.

---

# 두 번째 슬라이드

추가 내용.

---

# 세 번째 슬라이드

끝.

pnpm create barodoc 으로 만든 프로젝트에는 같은 형태의 docs/en/example-slides.md 가 포함됩니다. 복사해 쓰거나 수정하면 됩니다.

첫 번째 슬라이드

첫 번째 슬라이드입니다. 본문 위쪽 툴바에서 책 / 슬라이드 아이콘으로 슬라이드 모드를 켜세요.

방향키로 슬라이드를 이동하고, Esc로 나갑니다.


두 번째 슬라이드

두 번째 슬라이드입니다. 마크다운에서 ---로 구간을 나눕니다(가로 구분선으로 렌더링).


한 슬라이드 안에서 2열

MDX 레이아웃은 슬라이드 안에서도 그대로 적용됩니다. <Columns> 블록 전체가 한 슬라이드에 들어갑니다. 열 사이에 ---를 넣으면 안 됩니다(슬라이드가 갈라짐).

Barodoc 로고

왼쪽: 이미지나 다이어그램. 오른쪽: 글머리나 설명.

  • 열은 한 슬라이드 안에서만 나누기
  • @barodoc/theme-docsColumns / Column 사용

마지막 슬라이드

2열 예시를 포함한 짧은 테스트입니다.