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

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-固定链接以解决各个环节的网址

我试过各种跛脚这样的事情

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

and this

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

当然 - 它们都不起作用。

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

Answer 1

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

的Github page注释：

如果没有提供模式，文件将不会被重新映射，但path元数据键仍将设置，这样就可以用它来输出链接文件在模板中。

我还没有发现其他地方展示利用这一点，但我认为上述报价意味着它是标准的行为。

你可以用它喜欢：

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

第一/是如此，它解析为当前主机和后/是可选的（取决于你的HTTP服务器配置