金属匠亲属一个metalsmith插件，它向元数据添加一个函数来计算相对路径。当您无法使用绝对路径时，这很有用，因为您部署到不同的上下文根。用法将插件添加到您的构建中： 


var relative = require ( 'metalsmith-relative' ) ; 

var opts = { methodName : 'relative' } ; // see options for further information 

metalsmith . use ( relative ( { opts } ) ) ;

在您的模板中使用它（例如在/foo/bar/baz.jade ）： 


script ( src = relative ( ' /js/foobar.js ' ) )

结果是： 


<script src="../js/foobar.js"></script>

相关文件下载数组：

  1. 想了解如何将 Sass 集成到 Metalsmith 项目中？看看metalsmith sass Metalsmith的Sass插件源码。

  2. 如果你在项目中使用 Babel，不妨看看这个metalsmith babel一个Metalsmith插件可通过Babel编译JavaScript源码。

  3. 为了确保你的网站链接无误，推荐使用metalsmith link checker一个Metalsmith插件用于检查断开的链接源码。

  4. 想了解更多关于 Metalsmith 本身的东西吗？访问metalsmith.io Metalsmith的网站源码。

  5. 如果你对 Gulp 和 Jest 也感兴趣，可以看看metalsmith gulp boilerplate Metalsmith加Gulp加Jest项目的入门模板源码。

  6. 寻找一个 Metalsmith 的样板项目？这里有一个基于Metalsmith前端样板项目。

  7. 对代码美化感兴趣？试试这个前端开源库metalsmith beautify。

  8. 想要一个更简洁的 JavaScript？看看前端开源库metalsmith uglifyjs。