1. tkms0106

    Posted

    tkms0106
Changes in title
+MarkdownをGitHub風のPDFに変換する
Changes in tags
Changes in body
Source | HTML | Preview
@@ -0,0 +1,44 @@
+# 概要
+
+MarkdownをPDFに変換する。その際、GitHub風の見た目にしたい。
+
+* ツール
+ * [Visual Studio Code - Code Editing. Redefined](https://code.visualstudio.com/)
+ * [Markdown PDF - Visual Studio Marketplace](https://marketplace.visualstudio.com/items?itemName=yzane.markdown-pdf)
+
+PDFに変換するまでは、VSCodeに拡張を導入するだけで可能。出来上がるPDFをGitHub風の見た目にするためにCSSを入手したり設定ファイルを編集する必要がある。
+
+## 設定項目
+
+拡張の設定に、任意のCSSを指定する項目がある。
+
+[Styles options](https://github.com/yzane/vscode-markdown-pdf/blob/master/README.ja.md#styles-options)
+
+## CSSの入手
+
+ここから入手できる。
+
+[sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style](https://github.com/sindresorhus/github-markdown-css)
+
+以下の記事も参考に。
+
+[githubのmarkdown-cssをぶっこ抜く方法 - Qiita](https://qiita.com/__mick/items/c80fab6c185a41882880)
+
+>適当なエディタを開いて.markdown-を空文字にall-replace(すべて置き換え)する
+
+参考記事内にあるように、事前にCSSに対して上記の編集が必要。
+
+## 設定の実行
+
+設定を開く→「◯個の設定が見つかりました」のすぐ下にある「…」をクリック→settings.jsonを編集
+
+```json
+ // 単なる好み
+ "markdown-pdf.displayHeaderFooter": false,
+ // github-markdown.cssにすべて任せるので、デフォルトのスタイルを無効化
+ "markdown-pdf.includeDefaultStyles": false,
+ // 入手したCSSのパスを指定
+ "markdown-pdf.styles": [
+ "C:\\arbitrary-place\\github-markdown.css"
+ ],
+```