3

Jekyll blogでCode Prettifyを実装しようとしています。いくつかのガイドに従って実装できましたが、理想的ではありません。これは私がしたことです:

1-に行き_includes、必要なファイルを追加しましたhead.html

サンバーストのテーマ:

<script src="https://cdn.rawgit.com/google/code-prettify/master/loader/run_prettify.js?autoload=true&amp;skin=sunburst&amp;lang=css" defer="defer"></script>

テーマの CSS ファイル ( cssGitHub の私のフォルダーにあります):

<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か?

他のファイルを見る必要がある場合は、私のリポジトリを確認してください。

4

2 に答える 2

-1

コードの強調表示に現在使用しているプラ​​グインは「jekyll-rouge」で、「」スタイルのマークダウンをうまくサポートしています。

https://sacha.me/articles/jekyll-rouge/

于 2016-02-28T11:38:16.587 に答える