javascript - 修改 grunt-ngDocs 模板

Question

如何修改 grunt-ngDocs 生成的网站的外观模板？ ？

最终目标是将生成的文档集成到网站中。

例如，我们要为每个主题显示以下选项卡

• 演示(专注于最终用户呈现)
• 代码(给开发者)

为此，我们需要修改 ngDocs 使用的模板，但是如何呢？

Answer 1

要创建不同的选项卡，只需添加另一个 Target到 ngdocs 任务:

ngdocs: {
  options: {        
    ...
    startPage: '/code' // this is displayed first
    ...        
  },
  demo: {
    src: ['path/to/demo/files'],
    title: 'Demo'
  },
  code: {
    src: ['path/to/code/files'],
    title: 'Code'
  }
}

现在，关于自定义模板。

您可以提供自己的 Template file和 CSS file .

您甚至可以创建自定义 Navigation Template