修改 grunt-ngDocs 模板

【问题标题】：Modifying the grunt-ngDocs template修改 grunt-ngDocs 模板
【发布时间】：2015-06-19 06:39:47
【问题描述】：

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

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

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

演示（专注于最终用户渲染）
代码（供开发人员使用）

为此，我们需要修改ngDocs使用的模板，但是怎么做呢？

【问题讨论】：

标签： javascript angularjs gruntjs documentation ngdoc

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

您可以使用您自己的 css 文件设置模板的样式，您可以在每次生成文档时复制这些文件。

看到https://www.npmjs.com/package/grunt-ngdocs#styles？您可以在其中指定用于在 grunt 中初始化文档的选项对象中的样式

【讨论】：