スクリプトのお勉強

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

-スクリプトのお勉強

執筆者:

関連記事

FastAPIでAPIを作ってみる(その1)

勉強として、FastAPIを使用して、実際にAPIを作成し、起動しようと思います。目標としては、本番運用用の設定まで行いたいと思います。 FastAPIとは FastAPIとは、Pythonによる、W …

Nuxt.js + Element + Responderでのtableサンプル作成

1. はじめに 最近、Webアプリケーションを作成する仕事が、少しずつですがあります。その際に使用するのは、殆どの場合「テーブル」です。 素のtableタグを駆使して作成した場合、テーブル内のセルにも …

(小ネタ) Reflex (Python) にてタブ形式のlinkを設定する

小ネタですが書いておきます。 Reflex とは、は割愛 前回に書いたので割愛します。 使い始めてみた 感想は後日、ということで 本題、タブ形式のlinkメニュー たいていのUIコンポーネントにはタブ …

Dockerを使用してGo言語の開発環境を構築する

なんとなくGolangのブロジェクトに機能追加しようと思いました。 Golangの開発用に、Dockerfile等を準備する手順を書いておこうと思います。 サンプルにnfpm サンプルとして、Fork …

Nuxt.js – CRUDアプリケーションのフォーム/一覧を作成する

前回で作ったAPIのフロントエンドアプリケーションを作ろうと思います。 どういうアプリ? サンプルとして作ったAPIが住所録的だったので、住所録を作りました。 以下の機能があります。 登録(確認付き) …

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