在博客帖子中嵌入推文

Question

我想用图片嵌入推文。当我使用短代码在博客帖子上嵌入推文时，它不会出现在推文样式

中

例如使用短代码：

{{< tweet 989470885475008512 >}} 

我得到一个输出（我的博客使用学术主题）

而非此（如博客guide中所示）...

是否有办法覆盖此行为以获得类似于第二个示例的外观，或者在开发标题guidelines之后嵌入一条推文（当我粘贴html代码时，会像上面的第一张图片一样输出输出）

我猜，但我认为嵌入式推文中Twitter风格的丢失限制了用图片嵌入推文的可能性（它给第一个例子和图像网址提供了类似的输出）。

更新

这是一个浏览器（Firefox）问题（由@hplieninger建议）。在Chrome中查看页面时会显示Twitter样式。

Answer 1

试试这个：

<div id="outer-wrapper" class="outer-wrapper">          
        <div id="inner-wrapper" class="inner-wrapper" ng-repeat="x in insideData" ng-init="show = false">
            <img ng-if="x.service=='Instagram'||(x.service=='Twitter' && x.mediaType=='image')" ng-src='{{x.thumbnails[0].url}}'>
            <div class="outer-caption" ng-if="x.service=='Twitter'&& x.mediaType!='image'">
                <div class="inner-caption">{{x.caption}}</div>
            </div>
            <div class="item-overlay-color"></div>
            <!--We do this because we don't have reference of show in the controller-->
            <div class="item-overlay-text" ng-click="show = true">VIEW</div>
            <!--In here we handle the show and hide-->
          <div id="page-overlay" class="page-overlay" ng-class="{'show': show, 'hide': !show}">
             <div class="text">
                 <img ng-src='{{x.mainImage.url}}'>
                 <span class="close" ng-click="show = false">X</span>
                 </div>
             </div>
        </div>
    </div>

应该工作。

Answer 2

不要复制推文的id，只需点击推文右上角的下拉图标，然后选择＆＃34;嵌入推文＆＃34;，复制代码并粘贴即可进入你的减价帖子。转到您的浏览器，您应该看到效果。