swagger - 如何添加要在自定义 css 文件中使用的图像 - Swagger UI - Swashbuckle

Question

我使用 Swagger(Swashbuckle) 作为我们 Web API 项目的文档工具。我可以使用自定义的 css 文件自定义 index.html。一切都很好，除了，我想在索引页面中添加我们公司的特定徽标，我无法让它工作。

建议？？

Answer 1

我意识到这是一个较老的问题，但我今天才遇到这个问题。如果要嵌入图像文件，可以类似于对 css 和索引文件的操作。

在 SwaggerConfig 中添加一行，如下所示：

c.CustomAsset("mylogo", thisAssembly, "YourWebApiProject.SwaggerExtensions.mylogo.png");

然后，您可以在修改后的 css 或自定义索引页面中使用<img src="mylogo" />修改后的 html 或url(../mylogo)路径（如果在自定义 css 文件中使用它）引用该文件。

与您的索引和 css 文件类似，请确保将其设置为嵌入式资源。

Answer 2

将其包含在您的 CSS 中怎么样：

.swagger-section #header a#logo {
  background-image: url(path/to/my/logo);
}