在Jekyll for github页面中动态添加和过滤图像？

我试着用Jekyll来帮助那些不太懂技术的人维护他们自己的静态站点。我希望能够在应用程序的根目录

/images

中包含符合命名约定的图像：

post_one_1.jpg, post_one_2.jpg, post_two_1.jpg, post_two_2.jpg ... etc.

然后，我希望用户创建一篇文章（post_one），并从images目录中动态获取与该文章相关的所有图像

这个插件（）几乎完全符合我的需要，但与github页面不兼容

---

有没有一种解决方案，我可以将网站交给用户，他们只需要按照命名约定将图像添加到图像目录中，然后创建一篇文章并访问图像？

如果您有一个帖子文件\u posts/2015-05-28-post\u one.md

在这篇文章里，你有：

• page.id=/2015/05/29/post_one
• page.dir=/2015/05/29

要提取post_one时，请执行以下操作：

{% assign imgNameStart = page.id | remove: page.dir | remove: "/" %}

现在，我们生成搜索的基本路径：

{% assign imgBasePath = imgNameStart | prepend: "/images/" %}

在这种情况下，它将是imgBasePath=“/images/post_one”

循环遍历所有静态文件（不是页面或帖子的文件）

并打印路径中有/images/post_one的图像，如/images/post_one-01.jpg或/images/post_one-wathever-you-want.jpg

{% if img.path contains imgBasePath %}
<img src="{{ site.baseurl }}{{ img.path }}">
{% endif %}
{% endfor %}

{%if img.path包含imgBasePath%}
{%endif%}
{%endfor%}

总而言之：

{% assign imgNameStart = page.id | remove: page.dir | remove: "/" %}
{% assign imgBasePath = imgNameStart | prepend: "/images/" %}
{% for img in site.static_files %}
{% if img.path contains imgBasePath %}
<img src="{{ site.baseurl }}{{ img.path }}">
{% endif %}
{% endfor %}

{%assign imgNameStart=page.id | remove:page.dir | remove:/“%”
{%assign imgBasePath=imgNameStart |前置：“/images/”%}
{site.static_文件%中img的%s}
{%如果img.path包含imgBasePath%}
{%endif%}
{%endfor%}

---

注意代码缩进如果你的文章是一个标记文件，四个空格的缩进可以转换成代码片段。

使用while循环通过ajax检索这些图像怎么样？谢谢！工作得很漂亮！

{% assign imgNameStart = page.id | remove: page.dir | remove: "/" %}
{% assign imgBasePath = imgNameStart | prepend: "/images/" %}
{% for img in site.static_files %}
{% if img.path contains imgBasePath %}
<img src="{{ site.baseurl }}{{ img.path }}">
{% endif %}
{% endfor %}