HackMDで作成したドキュメントをPDFとして出力したい
ここ数年、研究メモとかいろんなドキュメントをHackMDにて作成して管理しています。
最近は、「notionがとても良いぞ!」との話も聞くのですが、個人的にはhackMDすごく便利に使っております。
先日、HackMDで作成した資料をPDFファイルで共有するということがありました。
なんだかんだ、PDFで出力したことがなかったため、HackMDの見やすさを崩さないままにPDF出力するために少し試行錯誤したので、まとめておきます。
今回は、hackMDで作成したこのドキュメントをPDF保存していきます。閲覧できるので、見比べながら記事を読んでください。
HackMD をPDFに出力したい。
手法1 「ChromeでPDF保存する」
まずは、ブラウザでPDF保存してみます。
プレビューが出てくるので、「PDFに保存」を選択し、保存をクリック。
出力されたPDFがこちら。

- リンクが文字に格納されていない
- 引用の表示が見づらくなった
- コードブロックが消えた
- 動画のプレビューが消えた
- ページごとに勝手にタイトルと日付が記載された
などの問題が発生し、個人的にはこのPDF出力方法だと見づらい印象です。
手法2 「AtomでPDF保存する」
Markdownをプレビューしながら書ける、Atomでもツールをインストールすることで、PDF保存できるようです。
まず、HackMDからMarkdown形式でローカルにダウンロードした、ドキュメントをAtomで開きます。
AtomでmarkdownをPDFで保存する。
この記事にしたがって、Atomに「markdown to PDF」をインストールし、「Packages」から「Markdown to PDF」を選択し「Convert」をクリックすると、PDFが保存されます。
ほとんど問題ないですが、以下の問題が発生しています。
- 表が表示されない
- 動画がプレビューされない
【採用!】手法3「TyporaでPDF保存する」
Typoraという使いやすい無料のMarkdowエディタがあり、こちらのデフォルトの機能でPDF保存するとフォーマットが崩れず、綺麗に保存できることがわかりました。
まず、HackMDからMarkdown形式でローカルにダウンロードした、ドキュメントをtyporaで開きます。

- 動画が画像プレビューされない
という問題以外は、すべて解決しました。
正直なところ、PDFファイル上で動画の画像がプレビューされなくても、問題ないかなーと思います。
動画の画像をスクショなどして別にアップロードすれば、画像プレビューっぽく扱えるかなあと思います。
「もっといい方法あるよ!」って方は教えて下さい!