9

マークダウンと Liquid タグを使用して、Jekyll で生成されたサイトのコードをマークアップしています。インライン (段落内) で色付きの構文 (Pygments を使用) のコードを含めたいのですが、そうではありません。動作するように見えます。

マークアップ

Lorem ipsum dolor {% highlight javascript %} var sit = "amet"; {% endhighlight %} consectetur adipiscing elit.

結果は

<p>Lorem ipsum dolor <div class='highlight'><pre><code class='javascript'> <span class='kd'>var</span> <span class='nx'>sit</span> <span class='o'>=</span> <span class='s2'>&quot;amet&quot;</span><span class='p'>;</span></code></pre></div> consectetur adipiscing elit.</p>

強調表示されたテキストが で囲まれないようにする<div class='highlight'>か、少なくとも<span class='highlight'>.

他の場所で提案されているように、使用{% highlight javascript nowrap %}は機能しません。(おそらく、これは私のセットアップの問題です。これは、Ruby 2.0、Jekyll 0.12.1、pygments.rb 0.3.7 ですか?)

このページを GitHubでホストしたいのですが、プラグインに頼ることはできません。残念ですよね？

補遺:行番号 (つまり{% highlight javascript linenos %}) も機能していないようです。おとこ。

4

4 に答える 4

5

これを行う最も簡単な方法は、Github Flavored Markdown を使用し、デフォルトのインライン コードを使用することです。

_config.ymlファイルで、マークダウンを redcarpet に変更します。これで、GFM を使用する準備が整いました。

markdown: redcarpet

これで、すべてのGitHub Markdownをフォローできます。次のようにインラインコードを実行するには：

Here is some `inline code` in the middle of sencence
于 2014-12-14T03:37:11.563 に答える
2

投稿に配置した任意のオブジェクトに CSS クラスを追加できます。

次のような CSS エントリを定義する場合:

.inlined { display:inline; }

次に、このクラスを生成された に追加できます<div>。

Lorem ipsum dolor 
{% highlight javascript %}var sit="amet"; {% endhighlight %}{: .inlined } 
consectetur adipiscing elit.

これは、あらゆる種類のオブジェクト (テーブル、画像など) で機能します。今はテストできませんが、これで問題は解決すると思います。

テストするときは、出力 HTML を見てください。<div>次に、class=inlined属性が設定されていることがわかります。

于 2013-11-10T18:44:06.720 に答える
0

.highlight div の問題は何ですか? 構文の強調表示を簡単にテーマにするためにそこに置かれています。ラッパーをスパンに変更するには、Jekyll の設定を変更する必要があると思います。

行番号は、複数行のスニペットがある場合にのみ表示されます。

于 2013-07-13T08:42:07.787 に答える