ちょっとしたドキュメントはMarkdownでささっと書いて HTMLやPDFに変換したいなということでPandocを使ってみることにしました。 Pandoc Pandoc自体は様々な形式に対応しているようです。 $ pandoc -h pandoc [OPTIONS] [FILES] Input formats: native, json, markdown, markdown_strict, markdown_phpextra, markdown_mmd, rst, mediawiki, docbook, textile, html, latex Output formats: native, json, docx, odt, epub, epub3, fb2, html, html5, s5, slidy, slideous, dzslides, docbook, opendocume
MarkdownファイルをPandocでHTML化する際、どのような指定が良いかを迷っていたのですが、いまのところ以下のようなオプションで落ち着きました。 HTMLテンプレート Table of Contents(TOC)の作成 画像ファイルの同梱 $ pandoc \ --standalone \ --self-contained \ --resource-path=/path/to \ --toc \ --toc-depth 2 \ --shift-heading-level-by=-1 \ --metadata title='タイトル' \ --template=html_templates/bootstrap_menu.html \ --fail-if-warnings \ --output=${destdir}/guide.html \ /path/to/target.md HT
メモ pandocの環境をいちいち構築するのがだるすぎるので、Pandocのdockerイメージを使ってMarkdownからHTMLに変換する。 docker導入は以下を参照。 https://qiita.com/tsnb/items/d10d2770c08abc60b500 環境 dockerは入っている前提。 - CentOS 7(Core) - docker 17.09.0-ce - proxyあり - firefoxで確認 $ ./pandoc.sh test.md $ ls test.md(入力) test.md.html(吐き出されるhtmlファイル) github.css(変更したもの) 38c38 < background: url("../../images/modules/styleguide/para.png") no-repeat 10px center; ---
Clipping16AI1Camera1Lighting1Cloud1Database1Kafka1List1Research1Management2PostgreSQL1Stream Processing3Uber1Vim2Windows Tools1Home server14File server1Hardware1Nature Remo1Network1Remote desktop1Ubuntu8Adobe Reader1Gnome1KVM3OneDrive1vim1Video processing1Knowledge Management163Alluxio1Ansible1BaaS1Configuration Management2Ansible2Data Catalog1CKAN1Data Collaboration6Delta Sharing4X-Road1Data Engi
pandocを使ってMarkdownをepubにする方法と場所 の続きです。 ちなみに、pandocとは、こういうことができるツールです(興味のある人は、ググってインストールして下さい)。 PandocでMarkdownをHTML形式やらWord形式に変換する それはさておき。 githubの最初のページに出てくるREADME.mdのフォーマットって、かっこいいですよね。 その上、Markdown言語で書くので、とっても簡単です。 今まで、Latexとか、htmlの記述で苦労してきたのがバカみたいです(まあ、技術系の記述だから、という理由もあると思いますが) だから、このgithubのイメージをそのままにして、書籍化(epub形式)できないかな、と思っていたら、スタイルシートを変えるだけで行けました。 "github.css"で検索したら、色々出てくるようですが、私は以下のファイルを、"g
環境準備 Pandoc のインストール Releases · jgm/pandoc · GitHub 最新版の Pandoc-x.yy.z-windows.msi をダウンロード&インストール 使い方 基本 pandoc <元となるファイル> -o <出力ファイル> 「-o」は、出力ファイルの拡張子を見て、自動判断してくれるので、便利! なるべく自動判断したほうが、ヒューマンエラーが少ないのでオススメ! Markdown → HTML 基本で説明したやり方でもできるけど、タイトルにあることがしたいので、そのやり方を説明。 pandoc <変換元Markdownファイル> -s --self-contained -t html5 -c github.css -o <出力されるhtmlファイル> ※--self-containedは、CSS やスクリプト、画像ファイルを全て埋め込む方法。 gi
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
This formal specification is based on the CommonMark Spec by John MacFarlane and licensed under 1Introduction 1.1What is GitHub Flavored Markdown? GitHub Flavored Markdown, often shortened as GFM, is the dialect of Markdown that is currently supported for user content on GitHub.com and GitHub Enterprise. This formal specification, based on the CommonMark Spec, defines the syntax and semantics of t
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
この翻訳について 翻訳対象 GitHub Flavored Markdown - User Documentation とても意訳 非エンジニア向け Github 布教用 日本人 非エンジニア向け が目的なので、例文や説明を勝手に編集してるところがあります。 GitHub Flavored Markdown GitHub はサイト内の イシュー, コメント, プルリクエストなどに GitHub Flavored Markdown (GFM) を採用しています。 標準の Markdown とはいくつか大きな違いがあり、機能追加されています。 もしあなたがまだ Markdown に慣れていないのであれば、あらかじめ標準的な Markdown 記法の基本 ( 翻訳 GitHub Help - Markdown Basics )を確認しておいてください。 タスクリストなどの拡張記法について知りたい
動機 ただ何となくふとやってみたいと思っただけです。 準備 ~/.pandoc ディレクトリを作成 github.css で画像を参照している箇所を https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/para.png https://raw.githubusercontent.com/gollum/gollum/master/lib/gollum/public/gollum/images/dirty-shade.png に差し替え ~/.pandoc 直下に上記 CSS ファイルを配置 ここに改変済みの CSS を置いておきます。 実行例 ポイントは --self-contained です。CSS やスクリプト、画像ファイルを全て data: URI スキームを使って
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く