가이드
슬라이드 모드 데모
수평선(---)으로 나눈 전체 화면 슬라이드와 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/theme-docs의Columns/Column사용
마지막 슬라이드
2열 예시를 포함한 짧은 테스트입니다.