ホームページやブログで自身のソースコードを表示したい際に、HTMLやCSSのソースコードをそのまま貼り付けることのできる方法を紹介します!
貼付け用ウィジェットを『GitHub』で生成
手順①:
まず「GitHub Gist」さんのサイトにアクセスしてください。
手順②:
"Language:Text"をクリックして貼り付けたいソースコードの言語を選択し、下の枠内に表示したいソースコードを記述して、 下の"Create Pubric Gist"というボタンをクリックしてください。
手順③:
クリックすると画面が切り替わるので、切り替わった先の右側にある"Embed URL" の下のソースコードをコピーして、表示したいページにそのまま貼り付けてください。
手順④:
すると↓のようにソースコードがページに表示されるはずです。
※ 例としてこのページのヘッダー部分を表示しています
これでソースコードの貼り付けは完了です。便利な機能を提供して下さるサイトさん方に感謝です!!