Question

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

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

每个例子，我们想为每个主题显示以下标签

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

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

Answer 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

Answer 2

您可以设置随自己的css文件提供的模板样式，每次生成文档时都可以复制这些文件。

请参阅https://www.npmjs.com/package/grunt-ngdocs#styles？您可以在用于在grunt

中初始化文档的选项对象中指定样式

修改grunt-ngDocs模板

2 个答案: