I/O BLOG;

input を整理して ouput する訓練ブログ

markdown から html とか ドキュメント変換 pandoc 試してみた (少しだけ)

技術

pandoc 試してみた

GitHub を触るようになって GitHub Flavored Markdown とだいぶ親密な関係になってきました

ユースケースとして、 markdown で書いた文章を別のフォーマットに変換したい時がでてきました。 例えば PDF, html, textile 等々

そこで、pandoc 試してみました。

pandoc

サイト下部にある、変換元と変換後の map が美しいです。

Haskell platform が必要みたいです
私は Mac OS X で試しました

convert の種類

こんな感じ

Input formats:  docbook, haddock, html, json, latex, markdown, markdown_github,
                markdown_mmd, markdown_phpextra, markdown_strict, mediawiki,
                native, opml, org, rst, textile
Output formats: asciidoc, beamer, context, docbook, docx, dzslides, epub, epub3,
                fb2, html, html5, icml, json, latex, man, markdown,
                markdown_github, markdown_mmd, markdown_phpextra,
                markdown_strict, mediawiki, native, odt, opendocument, opml,
                org, pdf*, plain, revealjs, rst, rtf, s5, slideous, slidy,
                texinfo, textile
                [*for pdf output, use latex or beamer and -o FILENAME.pdf]

コマンド

この記事は pandoc.md として書いてます。
html に変化するには

$ pandoc pandoc.md -f markdown -t html -s -o pandoc.html

変換されて中身

pandoc.html

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <meta name="generator" content="pandoc" />
  <title></title>
  <style type="text/css">code{white-space: pre;}</style>
  <style type="text/css">
table.sourceCode, tr.sourceCode, td.lineNumbers, td.sourceCode {
  margin: 0; padding: 0; vertical-align: baseline; border: none; }
table.sourceCode { width: 100%; line-height: 100%; }
td.lineNumbers { text-align: right; padding-right: 4px; padding-left: 4px; color: #aaaaaa; border-right: 1px solid #aaaaaa; }
td.sourceCode { padding-left: 5px; }
code > span.kw { color: #007020; font-weight: bold; }
code > span.dt { color: #902000; }
code > span.dv { color: #40a070; }
code > span.bn { color: #40a070; }
code > span.fl { color: #40a070; }
code > span.ch { color: #4070a0; }
code > span.st { color: #4070a0; }
code > span.co { color: #60a0b0; font-style: italic; }
code > span.ot { color: #007020; }
code > span.al { color: #ff0000; font-weight: bold; }
code > span.fu { color: #06287e; }
code > span.er { color: #ff0000; font-weight: bold; }
  </style>
</head>
<body>
<h1 id="pandoc-">pandoc 試してみた</h1>
<p>GitHub を触るようになって<br />GitHub Flavored Markdown とだいぶ親密な関係になってきました</p>
<p>ユースケースとして、<br />markdown で書いた文章を別のフォーマットに変換したい時がでてきました。<br />例えば <code>PDF, html, textile</code> 等々</p>
<p>そこで、pandoc 試してみました。</p>
<h2 id="pandoc">pandoc</h2>
<ul>
<li>pandoc サイト<br /></li>
<li><a href="http://johnmacfarlane.net/pandoc/index.html">http://johnmacfarlane.net/pandoc/index.html</a></li>
</ul>
<p>サイト下部にある、変換元と変換後の map が美しいです。</p>
<ul>
<li>インストールはこちら<br /></li>
<li><a href="http://johnmacfarlane.net/pandoc/installing.html">http://johnmacfarlane.net/pandoc/installing.html</a></li>
</ul>
<p>Haskell platform が必要みたいです<br />私は Mac OS X で試しました</p>
<h2 id="convert-">convert の種類</h2>
<p>こんな感じ</p>
<pre><code>Input formats:  docbook, haddock, html, json, latex, markdown, markdown_github,
                markdown_mmd, markdown_phpextra, markdown_strict, mediawiki,
                native, opml, org, rst, textile
Output formats: asciidoc, beamer, context, docbook, docx, dzslides, epub, epub3,
                fb2, html, html5, icml, json, latex, man, markdown,
                markdown_github, markdown_mmd, markdown_phpextra,
                markdown_strict, mediawiki, native, odt, opendocument, opml,
                org, pdf*, plain, revealjs, rst, rtf, s5, slideous, slidy,
                texinfo, textile
                [*for pdf output, use latex or beamer and -o FILENAME.pdf]
</code></pre>
<h2>コマンド</h2>
<p>この記事は pandoc.md として書いてます。<br />html に変化するには</p>
<pre><code>$ pandoc pandoc.md -f markdown -t html -s -o pandoc.html</code></pre>
<p>変換されて中身</p>
<p>pandoc.html</p>
<pre class="sourceCode html"><code class="sourceCode html"></code></pre>
<h2>まとめ</h2>
<p>便利</p>
</body>
</html>

まとめ

便利