사용자 도구

사이트 도구


presentation:marp

문서의 이전 판입니다!


Marp

예시

Markdown

첫 페이지

  • 첫 페이지는 일반 규칙을 안 따지고 항상 중앙 정렬

style override

  • 테마와 css 를 정할 수 있다.
---
theme: base-theme
style: |
  section {
    background-color: #ccc;
  }
---

Fragmented List

  • bullet 리스트 : -, + 로 시작하면 리스트를 한 번에 보여주고 *로 시작하면 리스트를 한개 한개씩 차례로 보여준다.
  • 숫자 리스트 : 1., 2. .. 형태는 숫자 리스트를 한 번에 보여주고 1) 2) … 형태는 한개 한개씩 차례로 보여준다.

노트

  • HTML 주석(<!– … –>) 안에 일반적으로 내용을 적으면 해당 페이지에 대한 노트로 작동한다. 본인만 볼 수 있고 청중에게는 안보이는 노트.

marp-cli

  • 실질적인 Marp markdown → HTML/PDF/PPT 변환도구
brew install marp-cli

--server

  • 특정 디렉토리의 md 파일들을 대상으로 프리젠테이션을 서빙하는 서버를 띄운다.
  • 변경사항이 자동 반영된다.
  • index.md 파일을 자동으로 기본 파일로 인식한다.
# 기본 8080 포트
marp --server <directory>
 
# 포트명시.
PORT=9999 marp --server <directory>

vscode

image

  • chromium 으로 변환할 때 --allow-local-files 옵션을 줘야만 로컬 파일 이미지를 정확히 변환 가능하다.

참조

presentation/marp.1657277518.txt.gz · 마지막으로 수정됨: 2022/07/08 19:51 저자 kwon37xi