✏️2021/12/1
Webサイトにソースコードを表示したい！
今回は次のようなソースコードを表示させるHTMLを書きます．
import numpy as np
n = 0
for i in range(10):
n += i + 1
print(n)１．まず，prismjs.comに行き，必要な言語にチェックを入れてJavaScriptとCSSをダウンロードする．
２．次に，ダウンロードしたファイルを参照できるフォルダに移動する．
３．最後に，次のように書く(ファイルのパスは適宜変えてください)．
<!DOCTYPE html>
<html lang="ja">
<head>
...
<link rel="stylesheet" href="/styles/prism.css">
...
</head>
<body>
...
<pre><code class="language-python">import numpy as np
n = 0
for i in range(10):
n += i + 1
print(n)</code></pre>
...
<script src="/scripts/prism.js"></script>
</body>
</html>文字の大きさとかもCSSをいじれば変えられるので便利です．ファイルも軽いです．注意点としては，ソースコードを書くときに限った話ではないですが，小なり記号などの特殊文字はそのまま書いたらダメな奴です． 「HTML 特殊文字」 とかで検索 してみてください．