13

Jekyll と Pygments を使用するのはこれが初めてです。しかし、カラフルなコード スニペットを挿入する方法がわかりません。

公式の手順に従って、次のようなマークダウンで Pygments を正常にインストールしました。

{% highlight ruby %}
def foo
  puts 'foo'
end
{% endhighlight %}

クラスを含む HTML ソース コードが表示されますが、このスニペットには色がありません。

Pygments からいくつかの css ファイルを生成して含める必要がありますか? そしてどうやって？

4

2 に答える 2

28

はい、CSS クラスをインストールまたは作成して、Pygments が表示するコードの強調表示を機能させる必要があります。Pygments をインストールした後、コマンド ラインから次のコマンドを実行して、これを行うことができます。

pygmentize -S default -f html > pygments.css

pygments.cssこれにより、現在のディレクトリにデフォルトのファイルが作成されます。pygments -L style利用可能なすべてのスタイルを一覧表示します。

これを HTML ツリーに移動して、対応する次のように呼び出すことができます。

<link rel="stylesheet" type="text/css" href="/path/to/pygments.css">

または、 の内容をコピーしpygments.cssて、既存のスタイル シートに配置します。これで始められます。そこから CSS を編集して、必要に応じてカスタマイズできます。

2 つの注意事項:

  1. おそらくすでにこれを行っているでしょうが、Jekyll と Pygments を初めて使用する人のために、おそらく Pygments を機能させるためにファイルに追加pygments: trueする必要があります。(または、同じ効果のある_config.ymljekyll を実行します。)jekyll --pygments

  2. 元のJekyll インストール ドキュメントは、この質問が尋ねられたときに Pygments を動作させる方法についてあまり明確ではありませんでした。それ以来、「Pygments の使用法」セクションを追加して、問題を解決するのにも役立つことを願っています。

于 2013-02-20T21:00:26.860 に答える
5

syntax.css を含める必要があります

私のリポジトリからサンプルを取得でき ます https://github.com/madhur/madhur.github.com/blob/master/files/css/syntax.css

次に、テーマに合わせてカスタマイズします。私のは暗い背景用にカスタマイズされています。

于 2012-03-11T04:38:52.167 に答える