スクリプトのお勉強

Markdown to HTML(grip)

投稿日:

1.はじめに

最近の文書はほとんどMarkdownで書くのですが、それをHTMLに変換する方法を調べました。

ただし、私がMarkdownと思っている文法は「github-flavored-markdown」であって、微妙にMarkdownではないようです。

なんとなくPython

変換するだけなので、なんでもいいのですが、とりあえずPythonで考えました。

2.grip

gripというのがよさそうだったので使用してみました。

実行方法

インストールから実行までは以下の通りです。

$ pipenv install grip
$ pipenv run grip tech-data-2020-01-python3-aes-encryption.md --export tech-data-2020-01-python3-aes-encryption.html
Exporting to tech-data-2020-01-python3-aes-encryption.html

ただし、inline(CSSをHTMLファイルに含む)にしているので、無駄なCSS群が入ります。必要であれば削除したほうがいいでしょう。

3.HTML内容

HTMLはすべて1ファイルで生成されます。
内容そのものはかなりいい感じです。

わたしが使用するのは以下なのですが。

  • 箇条書き(2段以上)
  • 引用(「“`」)(的に使用する)

以下の感じのMarkdownは

"```"
"```"
- A
  - B

以下の感じになります。

<pre>タグや、箇条書きが二段にわたって表示されているのが分かります。

4.おわりに

「github-flavored-markdown」をちゃんと取り扱えるのは意外に少ないような気がしました。
ここらへんは実際に自分のMarkdownを持ってこないとなかなか参考にならないのが難しい所です。

参考

  • https://stackoverflow.com/questions/7694887/is-there-a-command-line-utility-for-rendering-github-flavored-markdown

-スクリプトのお勉強

執筆者:

関連記事

Djangoアプリサンプル – 画像ファイルアップロード + 顔モザイク(統合編)

顔モザイク Djangoアプリ 前々回 前回 を統合して、Djangoアプリを作成してみようと思います。 前提インストール 前回、ubuntu 18を前提に記述しましたが、CentOS7(CentOS …

Svelte(Carbon Components Svelte) + Python(FastAPI)でWebアプリを作る

Svelte用のサンプルとして、Carbon Components SvelteのTreeViewを試用してファイルツリーを表示し、各データはAPIとして読み出し、編集するWebアプリケーションを実装 …

Nuxt.jsのFormで入力/確認/完了フォームを作成してみた(その2)

前回の記事の続きです。以下について書いていきます。この記事で終わりのはず? バリデーション機能(主にIPアドレスのバリデーション追加)画面 バリデーション機能 バリデーション機能は、vee-valid …

Pipenv vs Poetry

1. はじめに Pythonでお仕事していると、どうしても、環境設定を行う必要があります。 本番環境で動作するように、設定しなければいけないからです。 いろんな状況はあるでしょうが、私がかかわるプロジ …

Certbot(snap版)の起動が失敗した件

certbotの起動が失敗した 小ネタです。 なぜかSSL証明書が更新されず、Let’s Encrypt Expiry Botからたくさんメールが来るなーと思ったらcertbotの起動が失 …

google オプトアウト Click here to opt-out.