presentation:marp

차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

차이 보기로 링크

--- presentation:marp [2022/07/11 17:17]
kwon37xi [HTML]
+++ presentation:marp [2024/04/15 16:25]
kwon37xi [예시]
@@ 줄 7: / 줄 7: @@
   * [[https://github.com/yhatt/marp-cli-example|yhatt/marp-cli-example: The good starter for using Marp via Marp CLI, by the author of Marp]]
+===== GitHub Actions - Github Pages =====
+  * https://github.com/ralexander-phi/marp-to-pages/
 ===== background 지정 =====
   * 최상위 directive 에서 background image 지정시
@@ 줄 61: / 줄 63: @@
 ==== HTML ====
   * Markdown 내에 HTML을 활성화 할 수 있다. 하지만 이것은 보안 이슈가 발생할 수 있으므로 주의한다.
-  * VSCode : *Settings -> Marp for VSCode -> Enable HTML* 활성화
+  * VSCode : **Settings -> Marp for VSCode -> Enable HTML** 활성화. ''trusted directory''에서만 활성화됨.
   * Marp CLI : ''%%--html%%'' 옵션 지정
@@ 줄 83: / 줄 85: @@
 PORT=9999 marp --server <directory>
 </code>
+==== output ====
+=== images ===
+  * presentation 을 여러개의 이미지로 만든다. ''image'' 옵션은 단 한개의 이미지로 출력한다.
+<code sh>
+marp index.md --images png --output=presentation.png
+</code>
+  * 실제로는 ''presentation.001.png'', ... 형태로 파일이 생성된다.
 ===== vscode =====
   * [[https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode|Marp for VS Code]] [[:visual_studio_code|Visual Studio Code / VSCode]] 프리뷰 보면서 작성 가능.
@@ 줄 88: / 줄 101: @@
 ===== image =====
   * chromium 으로 변환할 때 ''%%--%%allow-local-files'' 옵션을 줘야만 로컬 파일 이미지를 정확히 변환 가능하다.
+===== github pages =====
+  * [[https://yhatt.github.io/marp-cli-example/|marp-cli-example]]
+  * [[https://github.com/yhatt/marp-cli-example/blob/master/.github/workflows/github-pages.yml|marp github pages example]]
 ===== 참조 =====
   * [[https://www.youtube.com/watch?v=OmKtuBXNjac|MARP - Make Presentations with Markdown in VSCode | Can it replace PowerPoint? | Better Data Science - YouTube]]

presentation/marp.txt · 마지막으로 수정됨: 2024/04/15 16:26 저자 kwon37xi