読者です 読者をやめる 読者になる 読者になる

Flow-Developers

Raspberry Pi, Raspbian, python, ROS, IoT, 電子工作, 機械学習, Deep learning, サッカー, スポーツ写真, ライフハック

(pandoc不要!)Markdownを簡単きれいにPDF変換する!

Lifehack Visual Stadio Code

はじめに

VisualStudioCodeは、markdownの編集/プレビューも可能な便利なエディタ。

VisualStudioCode

  • しかし、デフォルトではmarkdownをpdf/htmlファイルで出力できない。
  • markdownに興味がない人に、markdwonで書いたドキュメントを渡したい時に困る。
  • 一方で、ググると「pandocを使え」と出てくる。
  • pandocは色々できるけど設定がめんどくさい。 *「もっと簡単に」「まぁ綺麗なフォント」でmarkdownをpdf/htmlファイル出力したいんだよね。
  • markdown-pdfなんてのもあるが、「まぁ綺麗なフォントじゃない」。cssファイルを探す手間とかいらない。
  • なかなか良いのがなかったんですが、ありました!

vscode-markdown-pdfを最高

  • 「もっと簡単に綺麗なフォントでmarkdownをpdf/htmlファイル出力してほしい」
  • このすべてを満たすのがvscode-markdown-pdf

Install

  1. 左下の拡張機能アイコンをクリック
  2. 検索窓にpdfと入力
  3. Markdown PDFをインストールする

f:id:flow-dev:20161006221202j:plain

Usage

2017/2/3追記.画像をたくさん張る場合,各画像をVGA(640x480)くらいにresizeしてからmarkdown->pdfしないとerrで落ちやすい(ver.0.1.5で確認)

  1. Markdown ファイルを開く
  2. 右クリックしてConvert Markdown to PDFを選択するとpdf変換が始まる
  3. ファイル -> 基本設定 -> ユーザ設定settings.json を開く
  4. 以下の設定を変更すると出力フォーマットをpdf , html, png, jpegから選択可能
 // Output format: pdf, html, png, jpeg
    "markdown-pdf.type": "pdf",

* 詳細は公式Readmeで。 vscode-markdown-pdf

今回のページをvscode-markdown-pdfでpdf/html化したスクリーンショット

  • pdf f:id:flow-dev:20160901143344j:plain

  • html f:id:flow-dev:20160901143335j:plain

  • フォントも色もデフォルトのままでまぁ綺麗。


まとめ

参考文献

vscode-markdown-pdf