pug - Harp.js：为我的网站生成导航

Question

您好我开始使用harp.js开发一个站点，并且想知道是否有一种方法可以使用暴露给模板的变量为站点构建自动导航。像这样的东西：

for url in public._contents
    li= url

我知道_contents不能那样工作。

Answer 1

据我所知，jade 处理器不提供详细的日志信息，无论是在 harp 还是在 npm 中。所以我想建议遍历文件bevore like

grep -r '\- var' .

什么会给你类似的东西

./sub/sub.jade:- var variableInSub = true
./sub/sub2.jade:- var variableInSub2 = true
./main.jade:- var variableInMain = true

您可以拆分并使用它来构建文件中使用的变量的自己的数据结构。

Answer 2

我认为您仍然必须从 JSON 全局对象或数组中提取变量。但我很想听听任何其他解决方案，而不是使用元数据。

使用 Pug (Jade)，来自这个线程：

- var items = { home : 'Home', about: 'About', account: 'Account' }
  ul
    - for item, path in items
      li
        a(href="/" + path) #{item}

使用 EJS，使用两个长度相同的数组：

<nav>
<% for (item in urls, titles) { %>
  <a href="<%= urls[item] %>">
    <span class="menu-item"><%= titles[item] %></span>
  </a>
<% } %>
</nav>

全局 harp.json：

{
  "globals": {
    "titles": [
      "post title 1",
      "post title 2",
      "post title 3"
    ],
    "urls": [
      "post-title-1",
      "post-title-2",
      "post-title-custom-url"
    ]
  }
}

请同时查看当前对象：http ://harpjs.com/docs/development/current