문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 다음 판 양쪽 다음 판 | ||
presentation:marp [2022/07/08 19:56] kwon37xi [첫 페이지] |
presentation:marp [2023/02/07 15:23] kwon37xi |
||
---|---|---|---|
줄 6: | 줄 6: | ||
===== 예시 ===== | ===== 예시 ===== | ||
* [[https:// | * [[https:// | ||
+ | |||
+ | ===== background 지정 ===== | ||
+ | * 최상위 directive 에서 background image 지정시 | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | ==== background 이미지 예시 ==== | ||
+ | |||
+ | < | ||
+ | backgroundImage: | ||
+ | backgroundSize: | ||
+ | # 오른쪽 하단에 두되 살짝씩 마진을 둔다. | ||
+ | backgroundPosition: | ||
+ | </ | ||
===== Markdown ===== | ===== Markdown ===== | ||
줄 13: | 줄 28: | ||
==== 중앙 정렬 (lead) ==== | ==== 중앙 정렬 (lead) ==== | ||
- | * 첫 페이지를 중앙 정렬하고자 한다면 전역 설정으로 다음을 지정한다. 첫 페이지는 중앙 정렬, 나머지는 일반적인 페이지로 작동한다. | + | * 첫 페이지를 중앙 정렬하고자 한다면 |
- | ``` | + | < |
--- | --- | ||
_class: lead | _class: lead | ||
--- | --- | ||
- | ``` | + | </ |
* 특정 페이지를 '' | * 특정 페이지를 '' | ||
< | < | ||
줄 43: | 줄 58: | ||
==== 노트 ==== | ==== 노트 ==== | ||
* HTML 주석(''< | * HTML 주석(''< | ||
+ | |||
+ | ==== HTML ==== | ||
+ | * Markdown 내에 HTML을 활성화 할 수 있다. 하지만 이것은 보안 이슈가 발생할 수 있으므로 주의한다. | ||
+ | * VSCode : **Settings -> Marp for VSCode -> Enable HTML** 활성화. '' | ||
+ | * Marp CLI : '' | ||
+ | |||
===== marp-cli ===== | ===== marp-cli ===== | ||
* [[https:// | * [[https:// | ||
줄 62: | 줄 83: | ||
PORT=9999 marp --server < | PORT=9999 marp --server < | ||
</ | </ | ||
+ | |||
+ | ==== output ==== | ||
+ | === images === | ||
+ | * presentation 을 여러개의 이미지로 만든다. '' | ||
+ | |||
+ | <code sh> | ||
+ | marp index.md --images png --output=presentation.png | ||
+ | </ | ||
+ | * 실제로는 '' | ||
+ | |||
+ | |||
===== vscode ===== | ===== vscode ===== | ||
* [[https:// | * [[https:// | ||
줄 67: | 줄 99: | ||
===== image ===== | ===== image ===== | ||
* chromium 으로 변환할 때 '' | * chromium 으로 변환할 때 '' | ||
+ | |||
+ | ===== github pages ===== | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
===== 참조 ===== | ===== 참조 ===== | ||
* [[https:// | * [[https:// | ||