GitHubっぽいCSSを生成する

  • css

sindresorhus/generate-github-markdown-css: Generate the CSS for github-markdown-css

GitHubのMarkdownプレビューに使われているCSSを取得できるスクリプト。コードは読んでいないけど、READMEを流し読みした限りAPI経由で実際に使われるスタイルを引き抜いているらしい。

こんな感じで簡単にCSSが生成できた。

$ npx --package=generate-github-markdown-css -- github-markdown-css --type dark_high_contrast > markdown.css

ちなみに、テーマがいくつかある中で light と dark だけは上記の手順で生成されたCSSファイルが以下のリポジトリで配布されている。

sindresorhus/github-markdown-css: The minimal amount of CSS to replicate the GitHub Markdown style

background-color や font-size がハードコードされているのでそのまま使うのは難しいかもしれないけど、ちょっと弄ればすぐに使えそうな気がする。ありがて～。