ゲマステ!- Gamers Station

ゲーマーズステーション | ゲームを中心に、動画・ブログ制作などのネットコンテンツ全般からレビュー情報まで分かりやすく紹介

HP・ブログ関連

HTMLやCSSのソースコードをそのままページに貼り付ける方法

ホームページやブログで自身のソースコードを表示したい際に、HTMLやCSSのソースコードをそのまま貼り付けることのできる方法を紹介します!

貼付け用ウィジェットを『GitHub』で生成

手順①:

まず「GitHub Gist」さんのサイトにアクセスしてください。

手順②:

"Language:Text"をクリックして貼り付けたいソースコードの言語を選択し、下の枠内に表示したいソースコードを記述して、 下の"Create Pubric Gist"というボタンをクリックしてください。

手順③:

クリックすると画面が切り替わるので、切り替わった先の右側にある"Embed URL" の下のソースコードをコピーして、表示したいページにそのまま貼り付けてください。

手順④:

すると↓のようにソースコードがページに表示されるはずです。

※ 例としてこのページのヘッダー部分を表示しています

これでソースコードの貼り付けは完了です。便利な機能を提供して下さるサイトさん方に感謝です!!

-HP・ブログ関連
-, , , , , ,

Copyright© ゲマステ!- Gamers Station , 2019 All Rights Reserved.