====== reveal.js ====== * https://revealjs.com/ * [[https://github.com/hakimel/reveal.js|reveal.js github]] * [[: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 생성 ===== * 페이지 호출시 ''?print-pdf'' 옵션을 주고(로컬 파일의 경우 ''index.html?print-pdf'') Google Chrome 에서 PDF 인쇄를 하면 되지만, * https://github.com/astefanutti/decktape - docker 로 이를 자동화 할 수 있다. * [[https://mariogarcia.github.io/blog/2016/10/revealjs.html|Generate pdf slides from reveal.js html]] * 글꼴이 docker 에 존재하지 않을 경우 인식하지 못하는 문제가 있음. * 3.8 버전에서 PDF 인쇄시에, 화면 보기로는 괜찮더라도 인쇄 여백을 넘치는 페이지는 올바로 출력이 안됨. 여백을 넘치지 않게 조정할 것. ===== 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-image-asciidoctor-reveal.js|docker source]] - [[https://github.com/Ameausoone/docker-asciidoctor-reveal.js-presentation| Skeleton project to build asciidoctor reveal.js presentation]] * 이 docker 템플릿을 사용하면 ''slides'' 디렉토리에 ''*.adoc''을 작성하면 자동으로 ''outputs''에 reveal.js 프리젠테이션을 생성해준다. 서버가 떠 있기 때문에, ''adoc''을 수정하면 자동으로 수정사항을 반영해준다.