expr 属性
expr 属性可以让我们在 Html 表达式中引用 Blogger 内部的属性。
<a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a>b:eval
b:eval 可以输出 data 数据表达式的结果。一般格式为<b:eval expr='[Expression]' />
以上,expr 是引用Blogger 内部的的值,然后 b:eval 才能进行计算。
<b:eval expr="data:newWidth * data:height / data:width" />px博文首图链接代码
此代码在 精选博文 部件中,会显示文中首张图片的链接。
<data:postFirstImage/>
在配以下代码,即可设置背景演示。
<script>
document.getElementsByClassName('newphoto')[0].style.backgroundImage = "url('<data:blog.postImageUrl/>')" ;
</script>😡注意:
<script type='text/javascript'>
var post_summary = document.getElementsByClassName('post-summary');
if ('<data:postFirstImage/>'){
post_summary[0].style.backgroundImage = "url('<data:postFirstImage/>')";
}
</script>因为 <data:postFirstImage/> 解析出来的是图片链接,存在着 // 符号。在 Javascript 中,这是注释的符号,所以在此后面的代码均会被注释。所以要使用引号将其包裹起来,表示为字符串。
data 数据的两种表达形式
- 在被
<b:..>包裹中,data:postFirstImage可以直接使用。 - 非 1 情况中,需使用
<data:postFirstImage/>形式。
治图片宽高不与原图相似
img {
max-width: 100%;
width: auto;
height: auto;
}