显然,Grav的Cardstack主题与Featherlight.js灯箱插件存在冲突。使用默认的Antimatter主题,插件工作正常,但使用Cardstack似乎没有办法让它工作。
我像往常一样通过GPM安装插件,然后将featherlight.yaml
文件从user/plugins/featherlight/featherlight.yaml
复制到user/config/plugins/featherlight.yaml
并设置active: true
。
然后我使用![image](image.jpg?lightbox=1024,800&resize=200,200)
提供了降价,但单击图像时没有任何反应。
我们可以使用HTML工具包使用UI工具包的Lightbox(Cardstack基于UIkit构建)。例如:
<a href="/user/pages/02.cards/test/01.test/mountains.jpg" data-uk-lightbox title="Mountains">
有效,但我们需要使用Markdown的解决方案。这是因为,我们正在构建一个网站,用户使用Markdown文件及其名称和其他信息发布图像。要求用户编写冗长的HTML链接要求太高,并且容易出现拼写错误。
我已经在Grav forum上发布了这个帖子,它有一个回复告诉我在Cardstack主题的github上打开一个问题,我做了,但我还没有得到任何回复和建造这个主题的人已经活动了将近一个月。