ITエンジニア/デザイナ向けにオープンソースを毎日紹介

ソースコードを埋め込んで表示してくれるサービスは多数ありますが、ブログによっては対応していないこともあります。さらにそもそもコードのシンタックスハイライト表示にも対応しておらず、コード表示が微妙になってしまうこともあります。

そんな時にはsrc2pngを使ってみましょう。画像ではありますが、ソースコードを綺麗に表示してくれます。

src2pngの使い方

使い方は簡単で、src2pngコマンドにソースコードファイルを渡すだけです。

$ src2png SOURCE_FILE

そうすると綺麗な画像を生成してくれます。

src2pngはPoiという開発用のHTTPサーバを立てて、そこでソースコードをハイライト表示します。そしてヘッドレスブラウザを使ってスクリーンショットを撮るという仕組みです。フォントの変更や色合いの変更はスタイルシートで制御できるでしょう。

src2pngはnode/JavaScript製のオープンソース・ソフトウェア(MIT License)です。

mplewis/src2png: ?? Turn your source code into beautiful syntax-highlighted images.

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2