如何在Ghost中添加图像降价类？

Question

在Ghost中，图像的降价是

![alt](src)

在img标记中添加类是否有隐藏格式？或者这个功能不在Ghost中了吗？

我想得到这样的结果：

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

我不想使用html标记。我真的需要使用markdown实现这一目标。请帮忙..

Answer 1

在plain markdown类中无法使用图像。在一些实施方式中，例如， markdown extra使用![alt](src) {.class}。 我试过了，但是在Ghost中它是不可能的，![alt|img-thumbnail](src)。 doku中也没有任何提示。

但是如果使用src作为css-attribute，则可以使用解决方法。

只需在网址中添加“无用”哈希：

![alt](src#img-thumbnail)

并在css或js中添加此内容

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

Answer 2

这可能太明显了，但你可以把它放在你想要的任何元素中，即

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

然后使用css继承

.myDiv img { width: 50px; }

因为ghost中的标记支持html（可能是大多数），你也可以定期＆lt; img ...＆gt;标签以及

Answer 3

在ghost文件post.hbs中呈现de {{content}} whit class .kg-card-markdown 您可以为帖子内容中的所有图像中的js add class创建此函数

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

Answer 4

在ghost文件post.hbs中呈现de {{content}} whit class .kg-card-markdown你可以使用css来使用sass

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

Answer 5

您可以使用以下代码在default.hbs文件的正文结束标记之前通过jQuery添加它们

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