ゲマステ!- Gamers Station

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

HP・ブログ関連

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

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

オンライン購入時に万全のセキュリティ

アメリカン・エキスプレス®
・ゴールド・カード

当サイトからの入会で
合計30,000ポイント獲得可能!

職業ユーチューバーにオススメ!

アメリカン・エキスプレス®
・ビジネス・カード

当サイトからの入会で
初年度の年会費無料

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

手順①:

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

手順②:

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

手順③:

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

手順④:

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

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

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

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

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