LoginSignup
3
1

More than 3 years have passed since last update.

HackMD のドキュメントをPDFでいい感じに出力する

Last updated at Posted at 2020-10-25

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が保存されます。

出力されたPDFがこちら。

ほとんど問題ないですが、以下の問題が発生しています。

  • 表が表示されない
  • 動画がプレビューされない

【採用!】手法3「TyporaでPDF保存する」

Typoraという使いやすい無料のMarkdowエディタがあり、こちらのデフォルトの機能でPDF保存するとフォーマットが崩れず、綺麗に保存できることがわかりました。

まず、HackMDからMarkdown形式でローカルにダウンロードした、ドキュメントをtyporaで開きます。


  • 動画が画像プレビューされない

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

「もっといい方法あるよ!」って方は教えて下さい!

3
1
1

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
1