javascript - grunt-ngDocs テンプレートの変更

Question

grunt-ngDocsによって生成された Web サイトのルックアンドフィール テンプレートを変更するにはどうすればよいですか?

最終的な目標は、生成されたドキュメントを Web サイト内に統合することです。

例として、トピックごとに次のタブを表示します。

• デモ (最終的なユーザー レンダリングに重点を置いています)
• コード (開発者向け)

そのためには、ngDocs で使用されるテンプレートを変更する必要がありますが、どうすればよいでしょうか?

Answer 1

別のタブを作成するには、別のターゲットを 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'
  }
}

さて、カスタムテンプレートについて。

独自のテンプレート ファイルとCSS ファイルを提供できます。

カスタムナビゲーション テンプレートを作成することもできます

Answer 2

ドキュメントを生成するたびにコピーできる独自の css ファイルで提供されるテンプレートのスタイルを設定できます。

https://www.npmjs.com/package/grunt-ngdocs#stylesを参照してください。grunt でドキュメントを初期化するために使用されるオプション オブジェクトでスタイルを指定できます。