Edited at

remarkで作ったスライドをPDF出力する方法

みなさんはremarkをご存知でしょうか?

こちらはMarkdownでスライドを生成できる便利なライブラリです。

このremarkで作ったスライドをPDFに出力する簡単な方法をご紹介しようと思います。


出力方法

remarkで作ったスライドをPDFにするとき、一番簡単そうなのはCSSに

@page {

size: 1210px 681px;
margin: 0;
}

@media print {
.remark-slide-scaler {
width: 100% !important;
height: 100% !important;
transform: scale(1) !important;
top: 0 !important;
left: 0 !important;
}
}

を追加してchromeの印刷からPDF出力するという方法です。

4対3にしたいときはsize: 908px 681px;とすればOKです。


参考:Export to PDF · Issue #50 · gnab/remark