Как добавить класс в уценку изображения в Ghost?

В классах обычная уценка для изображений невозможна. В некоторых реализациях это возможно, например. дополнительная уценка использует ![alt](src) {.class}. Пробовал, но в Призраке это невозможно, ни ![alt|img-thumbnail](src). Также нет подсказок в документе.

Но вы можете использовать обходной путь:

Если вы используете src в качестве CSS-атрибута!

Просто добавьте к URL «бесполезный» хэш:

![alt](src#img-thumbnail)

Затем вы можете решить это в CSS или JavaScript:

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

это, возможно, слишком очевидно, но вы можете поместить его в любой элемент, который пожелаете, т.е.

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

а затем использовать наследование css

.myDiv img { width: 50px; }

поскольку разметка в Ghost поддерживает html (вероятно, большинство из них), вы также можете использовать обычные теги ‹img...›

в файле post.hbs, рендеринге {{content}} с классом .kg-card-markdown, вы можете создать эту функцию для класса добавления js во все изображения в контенте публикации

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

в призраке файл post.hbs, рендеринг де {{content}} с классом .kg-card-markdown, вы можете использовать css для sass

.kg-card-markdown { 
  img{
    @extend .img-responsive;
  } 
} 

Вы можете добавить их через jQuery со следующим кодом перед конечным тегом body в файле default.hbs.

$('img').addClass('img-thumbnails');