Question

在博客中，对于帖子，我们可以使用data:blog.postImageUrl数据“标记”来包含Open Graph / Twitter卡元标记的图像，如下所示：

<meta expr:content='data:blog.postImageUrl' property='og:image'/>

不幸的是，虽然这不适用于Pages。是否有标签对页面执行相同操作？我尝试过几次，但我猜得很多。奇怪的是，这些信息可以在media:thumbnail下的Atom Feed中找到。

或者，我们可以使用任何技巧/黑客来查看所有可用的标签吗？我们可以以某种方式循环它们吗？

Answer 1

您可以使用data:post.firstImageUrl代码，但其缺点是它只能在<b:widget> type='Blog'内<b:loop>内部values='data:posts'内部<b:if cond='data:post.firstImageUrl'> <meta expr:content='data:post.firstImageUrl' name="twitter:image"/> </b:if>内部<head>进行迭代您将能够在任何标准Blogger模板中找到此标记的引用）

<div id="page-wrapper">
        <div class="row">
                <div class="center-block img-responsive" id="earth"></div>
        </div>
    </div>



#earth {
    width: 100px;
    height: 100px;
    background: url('../images/Earth-Color.jpg');
    border-radius: 50%;
    background-size: 210px;
    box-shadow: inset 16px 0 40px 6px rgb(0, 0, 0),
        inset -3px 0 6px 2px rgba(255, 255, 255, 0.2);
    animation-name: rotate;
    animation-duration: 4s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    margin-top:200px;
}


@keyframes rotate {
  from { background-position-x: 0px; }
  to { background-position-x: 210px; }
}

由于这个原因，它只适用于Twitter卡，但不适用于Open Graph标签，因为它们需要在<constant name="date.format" value="dd-MMM-yyyy" />

内存在元标记

是否有博客标签来获取网页主图片的网址？

1 个答案: