사용자 도구

사이트 도구


presentation:revealjs

차이

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

차이 보기로 링크

양쪽 이전 판 이전 판
다음 판
이전 판
presentation:revealjs [2019/08/14 15:55]
kwon37xi [asciidoctor-reveal.js]
presentation:revealjs [2022/07/07 11:05] (현재)
kwon37xi
줄 3: 줄 3:
   * [[https://github.com/hakimel/reveal.js|reveal.js github]]   * [[https://github.com/hakimel/reveal.js|reveal.js github]]
   * [[:html|html]] 혹은  [[markup:markdown|MarkDown]]으로 프리젠테이션을 작성하고, PDF로 뽑아낼 수 있다.   * [[:html|html]] 혹은  [[markup:markdown|MarkDown]]으로 프리젠테이션을 작성하고, PDF로 뽑아낼 수 있다.
 +  * [[https://marketplace.visualstudio.com/items?itemName=evilz.vscode-reveal|vscode-reveal - Visual Studio Marketplace]]
 +  * [[https://marketplace.visualstudio.com/items?itemName=flobilosaurus.vscode-asciidoc-slides|AsciiDoc Slides - Visual Studio Marketplace]] reveal.js asciidoc
 +  * https://slides.com/ : online WYSIWYG 편집
 +
 +===== Speaker Note =====
 +  * ''s'' 를 눌러 스피커 노트를 볼 수 있다.
 +  * 3.5 버전까지는 Web Server를 띄워야 했지만, 그 이후 버전은 local 파일을 열어서 봐도 작동한다.
  
 ===== PDF 생성 ===== ===== PDF 생성 =====
-  * 기본적으는 Google Chrome 에서 PDF 인쇄를 하면 되지만,+  * 페이지 호출시 ''?print-pdf'' 옵션을 주고(컬 파일의 경우  ''index.html?print-pdf''Google Chrome 에서 PDF 인쇄를 하면 되지만,
   * https://github.com/astefanutti/decktape - docker 로 이를 자동화 할 수 있다.   * https://github.com/astefanutti/decktape - docker 로 이를 자동화 할 수 있다.
     * [[https://mariogarcia.github.io/blog/2016/10/revealjs.html|Generate pdf slides from reveal.js html]]     * [[https://mariogarcia.github.io/blog/2016/10/revealjs.html|Generate pdf slides from reveal.js html]]
 +    * 글꼴이 docker 에 존재하지 않을 경우 인식하지 못하는 문제가 있음.
 +  * 3.8 버전에서 PDF 인쇄시에, 화면 보기로는 괜찮더라도 인쇄 여백을 넘치는 페이지는 올바로 출력이 안됨. 여백을 넘치지 않게 조정할 것.
  
  
 ===== asciidoctor-reveal.js ===== ===== asciidoctor-reveal.js =====
   * [[https://asciidoctor.org/docs/asciidoctor-revealjs/|asciidoctor-revealjs]] - [[asciidoc:asciidoctor|AsciiDoctor]] - reveal.js 플러그인도 존재한다.    * [[https://asciidoctor.org/docs/asciidoctor-revealjs/|asciidoctor-revealjs]] - [[asciidoc:asciidoctor|AsciiDoctor]] - reveal.js 플러그인도 존재한다. 
-  * [[https://hub.docker.com/r/ameausoone/docker-image-asciidoctor-reveal.js/|dockerhub - docker image asciidoctor-reveal.js]] - [[https://github.com/Ameausoone/docker-asciidoctor-reveal.js-presentation|+  * [[https://hub.docker.com/r/ameausoone/docker-image-asciidoctor-reveal.js/|dockerhub - docker image asciidoctor-reveal.js]] [[https://github.com/Ameausoone/docker-image-asciidoctor-reveal.js|docker source]] - [[https://github.com/Ameausoone/docker-asciidoctor-reveal.js-presentation|
 Skeleton project to build asciidoctor reveal.js presentation]] Skeleton project to build asciidoctor reveal.js presentation]]
     * 이 docker 템플릿을 사용하면 ''slides'' 디렉토리에 ''*.adoc''을 작성하면 자동으로 ''outputs''에 reveal.js 프리젠테이션을 생성해준다. 서버가 떠 있기 때문에, ''adoc''을 수정하면 자동으로 수정사항을 반영해준다.     * 이 docker 템플릿을 사용하면 ''slides'' 디렉토리에 ''*.adoc''을 작성하면 자동으로 ''outputs''에 reveal.js 프리젠테이션을 생성해준다. 서버가 떠 있기 때문에, ''adoc''을 수정하면 자동으로 수정사항을 반영해준다.
presentation/revealjs.1565765751.txt.gz · 마지막으로 수정됨: 2019/08/14 15:55 저자 kwon37xi