markdown - Ghostの画像マークダウンにクラスを追加するには?

Question

Ghost では、画像のマークダウンは

![alt](src)

imgタグにクラスを追加するための隠し形式はありますか? それとも、この機能はまだ Ghost にはありませんか?

私はこのような結果を得たかった：

<img src="src" alt="alt" class="img-thumbnail">

html マークアップを使用したくありません。マークダウンを使用してこれを達成する必要があります。助けてください..

Answer 1

プレーンなマークダウンクラスでは、画像は使用できません。一部の実装では可能です (例: markdown extra uses ) ![alt](src) {.class}。試してみましたが、ゴーストでは不可能![alt|img-thumbnail](src)です。また、ドクにヒントはありません。

ただし、回避策を使用できます。

srcas css-attributeを使用すると!

URL に「役に立たない」ハッシュを追加するだけです。

![alt](src#img-thumbnail)

次に、CSS または JavaScript でこれに対処できます。

img[src$='#img-thumbnail'] { float:left;}

Answer 2

これはおそらくあまりにも明白ですが、任意の要素に配置できます。

 <div class="myDiv">
    ![](...)
 </div>

そしてcss継承を使用します

.myDiv img { width: 50px; }

Ghost のマークアップは html をサポートしているため (おそらくほとんどの場合)、通常の <img...> タグも使用できます。

Answer 3

ゴーストでは、ファイル post.hbs render de {{content}} Whit class .kg-card-markdown js 用にこの関数を作成できます 投稿コンテンツのすべての画像にクラスを追加します

function imageResponsive() {
  $('.kg-card-markdown').each(function(){
    $('img').addClass('img-responsive');     
  });
}