ハイライトタグ2つの引数を取ります。最初の引数はハイライトする必要がある言語です(私はhtmlと仮定します).2番目の引数はlinenos
と呼ばれ、行番号を含むように強調表示されたコードを強制するオプションです。あなたが望むものを得るためにhtmlを使う必要があります。
{% highlight html %}
I want {% raw %}<span class="handle">{% endraw %}this span{% raw %}</span>{% endraw %} to be rendered as HTML.
{% endhighlight %}
つまり、{% highlight %}
は使用できません。それほど冗長でないなら、HTMLに落ちてください。
HTMLの冗長性は、Jekyllの{% include %}
によって解決できます。
ジキルは強力で柔軟性があります。
スニペットを含めるために{% include %}
を使用すると、簡潔な表現に役立ちます。
ザ・が含まれます:{% include %}
経由pre.linenos { float: left; }
結果は行番号を追加する機能です(:
{% assign linenos = "1 2 3" | split: " " %}
{% include linenos.html numbers=linenos %}
{% highlight text %}
Once upon a time, there was a unicorn.
The unicorn looked around.
{% endhighlight %}
含まスニペット:
<pre class="linenos"><code>{% for number in include.numbers %}{{ number }}
{% endfor %}</code></pre>
とそれに付随するCSSは、単にあります)、あなたの好みのスタイルで、それほどです。 上記の「unicorn」の例はhereです。
もっと複雑な例は、<span>
要素を内部に追加できる場所です。あなたは{% highlight %}
を捨て、<pre><code></code></pre>
と一緒に行く必要があります、ごめんなさい。 ジキルの{% highlight %}
は受信したすべてのコンテンツをエスケープしますが、例外はありません。その例はhereです。あなたはGitHubのページへの直接(あなた自身のないjekyll build
ステップ)を公開していないしている場合
プラグインは、あまりにも
でもない作業することができます。
jekyll build
(前述のプロジェクトで行われているような)独自のスクリプトを含める場合は、自分でプラグインを作成してください。 {アブドゥルハディ}
@
他の例はありますか?なぜ「
」と書いてみませんか? – marcanuyさて、{%highlight linenos%}は使用できません。 linenosでは、HTMLマークアップはかなり複雑になります。 –