4

私は自分のウェブサイトを生成するためにjekyllを使用しています。コード ブロックに行番号列を追加したいと考えています。Google で検索したところ、ハイライト タグに「linenos」オプションを追加するように言われましたが、私の場合は機能しません。

{% highlight ruby linenos %}
def foo():
puts 'foo'
end
{% endhighlight %}

ハイライトはうまく機能していますが、行番号が....

これで私を助けてもらえますか？ソースの css/html ファイルを見たい場合は、ここをクリックしてください。

ありがとう！

さらにチェック：

このセクション用に生成された html は次のとおりです。

<div class="highlight"><pre><code class="ruby">
    <span class="k">def</span> <span class="nf">foo</span><span class="p">():</span>
    <span class="nb">puts</span> 
    <span class="s1">&#39;foo&#39;</span>
    <span class="k">end</span>
</code></pre></div>
4

3 に答える 3

3

リポジトリのクローンを作成し、サイトを生成して、ブラウザでチェックアウトしました。すべてがうまく見えます。（私はあなたのレイアウトが好きです！）それはあなたのセットアップに何かファンキーなものがあることを私に示しています。コードの強調表示は機能していますか？そうでない場合は、Pygmentsが正しく設定されていない可能性があります。

インストールするには：

sudo apt-get install python-setuptools
sudo easy_install Pygments

cssを生成するには：

pygmentize -S default -f html > default.css

pygments: true_config.ymlにあることを確認してください。

このスタイルシートを適切に配置し、default.htmlに含めるようにしてください。

すでにこのスタイルシートがページに含まれているようです。_config.ymlは問題ないようですが、この回答が必要な人には、それがあります。

でサイトを生成した場合jekyll --no-auto、出力にエラーが表示されますか？

私に知らせてください、そして私はさらに努力して喜んで助けます。:)

更新：これは、あなたが持っているハイライトテストのブログ投稿のために私のために生成されたHTMLです。

<div class="highlight"><pre><code class="c"><span class="lineno">1</span> <span class="cp">#include &lt;stdio.h&gt;</span>
<span class="lineno">2</span> 
<span class="lineno">3</span> <span class="kt">int</span> <span class="nf">main</span><span class="p">()</span>
<span class="lineno">4</span> <span class="p">{</span>
<span class="lineno">5</span>   <span class="n">printf</span><span class="p">(</span><span class="s">&quot;Hello World!</span><span class="se">\n</span><span class="s">&quot;</span><span class="p">);</span>
<span class="lineno">6</span>   <span class="k">return</span> <span class="mi">0</span><span class="p">;</span>
<span class="lineno">7</span> <span class="p">}</span>
</code></pre>
</div>
于 2013-01-13T05:27:37.487 に答える
1

私はちょうどpygmentsとjekyllで同じ問題を経験していました。私の値下げは次のように見えました

{% highlight c# linenos %}

    //my code

{% endhighlight %}

結果として生成されたHTML

<div class="highlight">
    <pre>
        <code class="c">
            ...
        </code>
    </pre>
</div>

ハイライトはどういうわけか奇妙で、行番号は追加されていません。最終的に問題は、Pygmentsが「c＃」を有効な言語として認識しなかったようですが、代わりに「csharp」を追加する必要があったことです。

（他の誰かがそれを設定するときにこの問題を抱えている場合に備えて）

于 2013-03-02T22:41:22.877 に答える