1

我已经设置了集合并正常工作。

我正在循环浏览一系列项目

{{#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 来解析每个链接的 url

我尝试了各种像这样的蹩脚的东西

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

和这个

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

当然 - 它们都不起作用。

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

4

1 回答 1

3

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

Github 页面注释：

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

我还没有找到其他任何地方显示它的使用，但我假设上面的引用意味着它是标准行为。

你可以像这样使用它：

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

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

于 2014-11-11T06:55:44.583 回答