asp.net-web-api - 修改Swagger UI header

Question

我已经使用Swashbuckle和Swagger API创建了个人WEB API。

虽然我能够成功集成它，但是我想修改Swagger的默认UI。更改标题的颜色并替换摇摇欲坠的图像。



是否可以通过修改现有文件来实现？

Answer 1

这些是我采取的步骤:

创建一个新文件SwaggerHeader.css

右键单击SwaggerHeader.css，选择属性。将生成操作设置为嵌入式资源。

在SwaggerConfig.cs中，添加以下代码行:

      EnableSwaggerUi("Document/{*assetPath}", c =>
      {
          c.InjectStylesheet(typeof(SwaggerConfig).Assembly,
          "ProjectName.FolderName.SwaggerHeader.css");
      }

SwaggerHeader.css如下所示:

/* swagger ui customization */
body.swagger-section #header {
    background-color: white;
    background: url(your-new-logo.png) no-repeat;
    background-position-x: 250px;
    height: 50px;
}

body.swagger-section #header .swagger-ui-wrap #logo {
        display: none;
}