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