github風のマークダウンを使用してインデントされたコードブロックに構文の強調表示を追加する方法


1

githubフレーバーのマークダウンを使用すると、コードブロック用に3つのsytnaxバリアントがあります。

  1. フェンスコードブロック

    ```js
    var user = "string"
    ```
    
  2. インデントされたコードブロック

        var user = "string"
    
  3. HTMLブロックの 例137

    <pre><code>var user = <i>"string"</i>
    </code></pre>
    

Githubは、マークダウンファイルを解析するときに構文の強調表示も適用しますが、インデントブロックまたはhtmlブロックに対して機能させることはできません。

githubに構文の強調表示を実行したり、インデントされたコードブロックまたはhtmlコードブロックの言語を指定したりするにはどうすればよいですか?

githubのマークダウン解析の動作デモの要点を以下に示します

回答:


2

GitHubの風味値下げスペックそれは言います:

開始コードフェンスのある行には、オプションでコードフェンスに続くテキストを含めることができます。これは、先頭と末尾の空白が削除され、情報文字列と呼ばれます。(...)コードフェンスの内容は、インラインとして解析されず、リテラルテキストとして扱われます。通常、情報文字列の最初の単語は、コードサンプルの言語を指定するために使用され、コードタグのclass属性でレンダリングされます。

また、以前には次のようにも書かれています。

インデントされたコードブロックには情報文字列がありません。

したがって、インデントされたコードブロックに言語情報を埋め込むことは不可能だと思います。言語情報をHTMLブロックに入れるには、これがうまくいくことがわかりました。

<pre lang="javascript"><code>var user = "string"
</code></pre>

Githubの簡単なテストを次に示します。https : //gist.github.com/ardrabczyk/179e05e0a2134389de3d270c2a10ee26


お、可愛い!!私は内部のサンプルを投げるための吸盤だ<pre><code>ブロックと、私はいくつかの余分に投げることができるように、自分を逃れる<b>か、<i>コード内のセクションをempahsizeするためのタグ。これは束になります。ありがとう!
KyleMit

ああ、間違いなく質問に答えますが、私のラウンドアバウト問題を解決することは起こりませんでした。今では構文の強調表示は、それが彼らの内側にタグを消毒だ、ブロックをHTMLに適用されている
KyleMit
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.