markdown - コードスニペットの周りにボックスを配置できるマークダウントランスレータ

Question

マークダウン付きのブログ投稿を書きたいです。投稿にはコードスニペットが含まれます。githubがこれらのファイルをレンダリングする方法が好きです。特に、そのコードスニペットは、他のテキストと区別するためのボックスで囲まれています。私はいくつかのマークダウントランスレータを試しましたが、それらのいずれかでこれを行うオプションが見つかりませんでした。彼らはこれを行うことができる翻訳者ですか？

ありがとうネイサン

Answer 1

Markdownは通常、HTMLの純粋なHTMLを出力として生成します。具体的には、MarkdownCode-Blockは<pre><code>…&lt;/code></pre>タグに変換されます。特定のスタイルを設定しない場合、これらのブロックはブラウザのスタイルシートで定義されているとおりに表示されます。

これらのタグをボックスに表示するには、CSSを使用して好きなようにスタイルを設定できます（例：）border。