使用Twig或Grunt从JSON数组创建导航

[
  {
    "name": "首页",
    "url": "/"
  },
  {
    "name": "关于我们",
    "url": "/about"
  },
  {
    "name": "产品",
    "url": "/products"
  },
  {
    "name": "联系我们",
    "url": "/contact"
  }
]

{% for item in navigation %}
  <a href="{{ item.url }}">{{ item.name }}</a>
{% endfor %}

grunt.registerTask('generateNavigation', function() {
  var navigationData = grunt.file.readJSON('path/to/navigation.json');
  var navigationHTML = '';

  navigationData.forEach(function(item) {
    navigationHTML += '<a href="' + item.url + '">' + item.name + '</a>';
  });

  grunt.file.write('path/to/output.html', navigationHTML);
});