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

GitHub Gistは任意のWebサイトにコードを埋め込むことができます。これはとても便利な機能で、コードハイライタを準備したり、長いコードをどう見やすく表示するかなどを悩むことなく利用できます。

なぜかGitHub自体にはそのような機能がないのですが、github-embedを使えば代替できます。

github-embedの使い方

埋め込み例。ハイライト表示されます。

複数ファイルの切り替えもできます。

HTMLを展開した表示もできます。

github-embedではコードの埋め込み表示はもちろん、実行した状態での表示も行えます。サンプルのコードのその実行例と言ったJSFiddleのような使い方もできそうです。

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

github-embed demo

finom/github-embed: Embed code from Github on HTML page

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2