문서의 선택한 두 판 사이의 차이를 보여줍니다.
양쪽 이전 판 이전 판 다음 판 | 이전 판 다음 판 양쪽 다음 판 | ||
presentation:marp [2022/07/08 18:41] kwon37xi [예시] |
presentation:marp [2022/07/11 17:17] kwon37xi [노트] |
||
---|---|---|---|
줄 6: | 줄 6: | ||
===== 예시 ===== | ===== 예시 ===== | ||
* [[https:// | * [[https:// | ||
+ | |||
+ | ===== background 지정 ===== | ||
+ | * 최상위 directive 에서 background image 지정시 | ||
+ | * '' | ||
+ | * '' | ||
+ | * '' | ||
+ | |||
+ | ==== background 이미지 예시 ==== | ||
+ | |||
+ | < | ||
+ | backgroundImage: | ||
+ | backgroundSize: | ||
+ | # 오른쪽 하단에 두되 살짝씩 마진을 둔다. | ||
+ | backgroundPosition: | ||
+ | </ | ||
===== Markdown ===== | ===== Markdown ===== | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
+ | * [[https:// | ||
+ | |||
+ | ==== 중앙 정렬 (lead) ==== | ||
+ | * 첫 페이지를 중앙 정렬하고자 한다면 최상위 전역 설정으로 다음을 지정한다. 첫 페이지는 중앙 정렬, 나머지는 일반적인 페이지로 작동한다. | ||
+ | < | ||
+ | --- | ||
+ | _class: lead | ||
+ | --- | ||
+ | </ | ||
+ | * 특정 페이지를 '' | ||
+ | < | ||
+ | --- | ||
+ | <!-- _class: lead --> | ||
+ | |||
+ | # 페이지 헤딩 | ||
+ | </ | ||
+ | ==== style override ==== | ||
+ | * 테마와 css 를 정할 수 있다. | ||
+ | < | ||
+ | --- | ||
+ | theme: base-theme | ||
+ | style: | | ||
+ | section { | ||
+ | background-color: | ||
+ | } | ||
+ | --- | ||
+ | </ | ||
+ | ==== Fragmented List ==== | ||
+ | * bullet 리스트 : '' | ||
+ | * 숫자 리스트 : '' | ||
+ | |||
+ | ==== 노트 ==== | ||
+ | * HTML 주석(''< | ||
+ | |||
+ | ==== HTML ==== | ||
+ | * Markdown 내에 HTML을 활성화 할 수 있다. 하지만 이것은 보안 이슈가 발생할 수 있으므로 주의한다. | ||
+ | * VSCode : *Settings -> Marp for VSCode -> Enable HTML* 활성화 | ||
+ | * Marp CLI : '' | ||
+ | |||
===== marp-cli ===== | ===== marp-cli ===== | ||
* [[https:// | * [[https:// |