Question

您好我开始使用harp.js开发网站，并想知道是否有办法使用公开给模板的变量为网站构建自动导航。像这样：

for url in public._contents
    li= url

我知道 _contents 无法正常工作。

Answer 1

据我所知，玉器处理器不提供详细的日志信息，既不是竖琴也不是npm。所以我想建议遍历像

这样的文件

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），来自this thread：

- 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

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

2 个答案: