うまく表示されない?
<pre> <code class="prettyprint linenums"> <!-- ここにソースコードを貼り付ける --> </code> </pre>
<pre> <code class="prettyprint linenums"> <!-- ここにソースコードを貼り付ける --> </code> </pre>
わかったこと
The THORのcssとソースコードの表示プラグインの相性が悪いみたいです。
cryosのcss
cryos-numのpaddingを変更したりすることとで無理あり合わせることはできけど。。。
<pre><code class="language-pascal">var i: Integer;
begin
i := 1;
end.</code></pre>
<strong>ニホンカワウソ</strong> かつては日本全国に生息していましたが、 今や<em>特別天然記念物</em>です。 既に絶滅している可能性も指摘されている
<h2>わかったこと</h2>
The THORのcssとソースコードの表示プラグインの相性が悪いみたいです。
<h2>cryosのcss</h2>
GithubのGistを利用したソースコードの表示
調査の結果、Githubにソースコードを張り付けられる機能があったのでそれを利用するのが一番きれいに簡単にできるようだ。
Gistはどこに?
Githubの自分のプロフィールの横にある+のマークをクリック。
コードを記入後、Create Gistを押す
すると次の<script>タグが出てくる。
最後に張り付ける
例)<script src=”https://gist.github.com/Dorahei/fcca3590fd5c4bc2b6de4474458c3377.js”></script>
GithubのGistで生成したscriptファイルを<>(HTML挿入)でやってみる。