如何访问主题模板中的博客文章特定数据？

Question

我有一个使用自定义主题的博客站点。

我想给出现在我网站主页上的图片一个 alt 和 title 属性，我最初在博文中给出了这些属性，但是主题将图片 alt 标签的值设置为帖子标题。 例如，在我的博文中，我有以下图片标签：

<img src="img.jpg" alt="img-alt" title="img-title">

但是在主题数据中，帖子主页中显示的帖子图像具有以下代码：

<img expr:src='data:post.featuredImage' expr:alt='data:post.title'>

我试过改成：

expr:alt='data.post.featuredImage.alt'

但它没有给出任何结果，那么我如何访问博主主题中标签属性的帖子特定数据？

Answer 1

您不能直接访问帖子中图像的 HTML 属性。每个对象都有有限的和特定的属性。在这个网址可以看到“data.post.featuredImage”对象的属性： https://bloggercode-blogconnexion.blogspot.com/1971/06/data-posts-featuredImage.html

expr:alt='data.post.featuredImage.alt' // [alt] not exist; does not works 

IDEA： 替代（和专家）解决方案： 加载页面后，您可以使用 Javascript 操作图像。 您可以使用变量

data:post.body

访问整个帖子内容。为图像添加

id

和

data-html

属性：

<img expr:src='data:post.featuredImage' expr:id='&quot;myid-&quot;+data:post.id' expr:data-html='data:post.body' /> 

要生成的HTML代码：

<img src='img.jpg' id='myid-321' data-html='<!-- post content -->' />

循环所有以

myid-

开头的元素。获取

data-html

属性。 将值转换为 DOM 元素。获取 DOM 中第一个图像的

alt

属性。将其分配给循环中图像的

alt

属性。