チップの日常

管理人チップの日常の出来事や気になる事を綴るブログ

記事中にHTMLやCSSコードを表示させる方法|GitHub Gistの使い方

 スポンサード リンク

 記事中にHTML等のコードを表示させたい場合、「<」を「&lt;」、「>」を「&gt;」とかに置き換えなければならないのでかなり面倒ですよね。

 少し前まで私も上のように記号を置き換えて表示させていたのですが、便利なツールを見つけたのでご紹介します。

Create a new Gist · GitHub

GitHub Gistの使い方

f:id:chipsforest:20160217193254j:plain

 ↑GitHub Gistトップページ(上のリンク先)の赤で囲った部分に表示させたいHTMLやCSSコードを書き込みます。


f:id:chipsforest:20160217193310j:plain

 ↑書き終えたら右下にある「Create secret gist」をクリックするとこのような画面に移行します。

 赤で囲った部分のコードをコピーして、コードを表示させたい場所に貼り付ければ完了です。

 ↑このように表示されます。

 コードの表示がすごく簡単にできるのでおすすめです^^

PAGE TOP