Jekyll blogでCode Prettifyを実装しようとしています。いくつかのガイドに従って実装できましたが、理想的ではありません。これは私がしたことです:
1-に行き_includes
、必要なファイルを追加しましたhead.html
:
サンバーストのテーマ:
<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&skin=sunburst&lang=css" defer="defer"></script>
テーマの CSS ファイル ( css
GitHub の私のフォルダーにあります):
<link rel="stylesheet" href="/css/prettify.css" rel= 'stylesheet' type='text/css'>
2-たとえば、タグを使用し<pre class= "prettyprint"></pre>
てテストしました。この投稿でわかるように(コード ブロックはページの下部にあります)、動作します。<iostream>
お気づきの場合は、私が使用したために欠落していることがわかります。その<pre></pre>
ため、文字が表示され、HTML として認識され<>
、表示されません<iostream>
。これはどのように見えるかです:
HTML エンティティを使用して修正できますが、これは理想的ではありません。2 時間検索しましたが、これを修正するための信頼できるソースが見つかりませんでした。
だから私の質問は:
の代わりに `` を使用して、Code Prettifyをマークダウンで動作させることは可能<pre></pre>
ですか? そうでない場合、Jekyll で実装する別の方法はありますか? それとも使いやすくする?これらのいずれも可能でない場合、サポートする Jekyll のより良い代替手段はありますCode Prettify
か?
他のファイルを見る必要がある場合は、私のリポジトリを確認してください。