如何在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服務器配置