Blogger语法

约 4 分钟1228 字

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 数据的两种表达形式

  1. 在被 <b:..> 包裹中,data:postFirstImage 可以直接使用。
  2. 非 1 情况中,需使用 <data:postFirstImage/> 形式。

治图片宽高不与原图相似

img {
  max-width: 100%;
  width: auto;
  height: auto;
}