在Ubuntu上自定义Swagger UI主题可以通过以下几种方法实现:
docker pull swaggerapi/swagger-ui:v4.15.5
docker run -d -p 38081:8080 swaggerapi/swagger-ui:v4.15.5
cd /usr/local/src/swagger-ui/dist
http://your-server-ip:38081/swagger-ui/index.html
,在页面中找到 Swagger UI 配置部分,可以修改 theme
属性来选择不同的主题。一些第三方项目提供了自定义主题的解决方案,例如 think-swagger-ui-vuele
,这是一个基于Vue.js的Swagger UI实现,支持自定义主题。
git clone https://github.com/chfree/think-swagger-ui-vuele.git
cd think-swagger-ui-vuelen
npm install
npm run dev
如果上述方法不满足需求,可以通过编写CSS代码来覆盖Swagger UI的默认样式。
找到Swagger UI生成的CSS文件:通常位于 /usr/local/src/swagger-ui/dist/swagger-ui.css
。
编写自定义CSS文件:例如,创建一个名为 custom.css
的文件:
.swagger-ui .topbar { background-color: #007bff; }
.swagger-ui .info .title { color: #007bff; }
index.html
文件中引入自定义的CSS文件:<link rel="stylesheet" type="text/css" href="path/to/custom.css">
请注意,这些方法可能需要根据具体的Swagger UI版本和配置进行调整。建议查阅相关文档或社区支持以获取更详细的指导。