ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ

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

※ 記事内にアフィリエイト広告が含まれています

HP・ブログ関連

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

2019年4月7日  

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

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

手順①:

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

手順②:

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

手順③:

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

手順④:

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

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

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

この記事をシェアする

関連コンテンツ

  • この記事を書いた人

ふかふか

SNSフォロワー13万人以上、ウェブコンテンツクリエイターとして活動しています!国内・海外の多数の企業と提携し、年間250以上のガジェットレビューを行っています。見やすく・分かりやすくがモットー!

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

Copyright© ゲマステ!- 新作ゲームレビュー, マイクラ, ゲームMOD情報まとめ , 2024 All Rights Reserved Powered by AFFINGER5.