我创建了一个带有图像的数据文件,我通常用它来发布帖子.
ImageKey:
- url: "/assets/logos/Image.png"
title: "Image Title"
Run Code Online (Sandbox Code Playgroud)
现在我想在帖子标题中使用这个图像路径.
---
layout: page
image:
- site.data.images.ImageKey
---
Run Code Online (Sandbox Code Playgroud)
我的HTML看起来像
{% for image in page.images %}
<div>
<div class="img-thumbnail">
<img class="img-responsive" src="{{site.baseurl}}{{image.url}}" alt="{{image.title}}">
</div>
</div>
{% endfor %}
Run Code Online (Sandbox Code Playgroud)
但这里有什么不对.不会渲染图片.
如果我直接在前端物质中使用值,它就有效.
---
layout: page
image:
- url: "..."
title: "..."
---
Run Code Online (Sandbox Code Playgroud)
我的问题/请求已经解决了.
我的_data\images.yml样子
Image_Key_Name
url: /assets/file.png
alt: ....
title: ....
copyright: ....
Run Code Online (Sandbox Code Playgroud)
我的 _posts\postXYZ.md
---
layout: post
author: Ben
titleImages:
- Image_Key_ Name
- Another_Image_Key_Name
abc...
---
Run Code Online (Sandbox Code Playgroud)
和我的 _layouts\post.html
现在遍历键并将它们用作数组索引.
<div class="title-images">
{% for titleImageKey in page.titleImages %}
{% assign titleImage = site.data.images[titleImageKey] %}
<img src="{{site.baseurl}}{{titleImage.url}}" alt="{{titleImage.title}}" />
{% endfor %}
Run Code Online (Sandbox Code Playgroud)
而已!
| 归档时间: |
|
| 查看次数: |
1221 次 |
| 最近记录: |