ソースコードをHPに載せる方法

IT関連キャッチアップ画像

ソースコードをHPに載せる方法はたくさんあるが簡単にカッコ良く乗せる方法。
今回は「srctohtml」を使う。

srctohtmlのスクリーンショット

「srctohtml」は直感的で分かりやすいのですぐに使えるはず。

(1)ソースコードを入れて「HTMLに変換」ボタンを押下する。
(2)出力されたHTMLをHPに載せればOK

  • 「詳細設定」の所から色など変えられる。
  • 行番号も出るのでなかなか良いね!
  • HTMLだけなのが良い。他のサイトだとそのサイトのURLが入っていて表示が遅くなりそう。
  • これ以外にも<PRE>で書くとか、「Carbon」「CodePen」とかあるからお好みで。