사용자 도구

사이트 도구


presentation:marp

차이

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

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
presentation:marp [2022/07/11 17:17]
kwon37xi [HTML]
presentation:marp [2025/07/24 15:02] (현재)
kwon37xi [Themes 테마]
줄 2: 줄 2:
   * https://marp.app/   * https://marp.app/
   * [[https://github.com/marp-team/marp|Marp Github]]   * [[https://github.com/marp-team/marp|Marp Github]]
 +  * [[https://github.com/marp-team/awesome-marp|marp-team/awesome-marp: A curated list of awesome things related to Marp]]
   * [[markup:markdown|MarkDown]] 기반 프리젠테이션 툴. code 작성없이 순수 markdown 으로만 가능하다.   * [[markup:markdown|MarkDown]] 기반 프리젠테이션 툴. code 작성없이 순수 markdown 으로만 가능하다.
 +  * [[https://gist.github.com/johnloy/27dd124ad40e210e91c70dd1c24ac8c8|List of markdown presentation tools]]
  
 ===== 예시 ===== ===== 예시 =====
   * [[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]]   * [[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]]
 +
  
 ===== background 지정 ===== ===== background 지정 =====
줄 83: 줄 86:
 PORT=9999 marp --server <directory> PORT=9999 marp --server <directory>
 </code> </code>
 +
 +==== output ====
 +=== images ===
 +  * presentation 을 여러개의 이미지로 만든다. ''image'' 옵션은 단 한개의 이미지로 출력한다.
 +
 +<code sh>
 +marp index.md --images png --output=presentation.png
 +</code>
 +  * 실제로는 ''presentation.001.png'', ... 형태로 파일이 생성된다.
 +
 +
 ===== vscode ===== ===== vscode =====
   * [[https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode|Marp for VS Code]] [[:visual_studio_code|Visual Studio Code / VSCode]] 프리뷰 보면서 작성 가능.   * [[https://marketplace.visualstudio.com/items?itemName=marp-team.marp-vscode|Marp for VS Code]] [[:visual_studio_code|Visual Studio Code / VSCode]] 프리뷰 보면서 작성 가능.
줄 89: 줄 103:
   * chromium 으로 변환할 때 ''%%--%%allow-local-files'' 옵션을 줘야만 로컬 파일 이미지를 정확히 변환 가능하다.   * chromium 으로 변환할 때 ''%%--%%allow-local-files'' 옵션을 줘야만 로컬 파일 이미지를 정확히 변환 가능하다.
  
 +===== github pages =====
 +  * [[https://github.com/ralexander-phi/marp-to-pages/|marp-to-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]]
 +
 +===== Themes 테마 =====
 +  * https://rnd195.github.io/marp-community-themes/
 +  * [[https://yoanbernabeu.github.io/MARP-Template-Library/docs/intro|How to use Themes | MARP Template Library]]
 ===== 참조 ===== ===== 참조 =====
   * [[https://www.youtube.com/watch?v=OmKtuBXNjac|MARP - Make Presentations with Markdown in VSCode | Can it replace PowerPoint? | Better Data Science - YouTube]]   * [[https://www.youtube.com/watch?v=OmKtuBXNjac|MARP - Make Presentations with Markdown in VSCode | Can it replace PowerPoint? | Better Data Science - YouTube]]
 +  * [[https://blog.jetbrains.com/dotnet/2024/10/01/markdown-powered-slides-in-jetbrains-ides/|Markdown-Powered Slides in JetBrains IDEs | The .NET Tools Blog]]
presentation/marp.1657527476.txt.gz · 마지막으로 수정됨: 2022/07/11 17:17 저자 kwon37xi