Question

我已设置好收藏并正常工作。

我正在循环一系列项目

{{#each collections.projects}}
    <a href="" class="portfolio-entry">

        <div class="info-frame portfolio-title">
            <h4>{{this.title}}</h4>
        </div>

        <div class="info-bits centerContext">
            <ul class="centerElement">
                <li class="info-bit">{{this.skills}}</li>
                <li class="info-bit">{{this.type}}</li>
                <li class="info-bit">{{this.platform}}</li>
            </ul>
        </div>

        <div class="project-thumbnail">
            <img src="{{this.thumbnail}}" alt="">
        </div>

    </a>
{{/each}}

我想使用metalsmith-permalinks来解析每个链接的网址

我尝试了各种各样的蹩脚的事情

<a href="{{this.permalink}}" class="portfolio-entry">

和这个

<a href="{{this.url}}" class="portfolio-entry">

当然 - 它们都不起作用。

我很难找到有关如何在网上任何地方实际使用永久链接的详细信息。

Answer 1

永久链接插件添加了path元数据属性，似乎没有很好地记录。这应该是您实现链接所需的。

Github page注释：

如果未提供模式，则不会重新映射文件，但仍会设置path元数据键，以便您可以使用它来输出模板中文件的链接。

我还没有发现其他任何地方都在使用这个，但我认为上面的引用意味着它是标准行为。

您可以像以下一样使用它：

{{#each collections.projects}}
    <a href="/{{this.path}}/" class="portfolio-entry">

第一个/是解析为当前主机，尾随/是可选的（取决于您的http服务器配置。

如何在Handlebars模板中使用metalsmith-permalinks

1 个答案: