在Ubuntu上自定義Swagger樣式，通常涉及到修改Swagger UI的CSS和JavaScript文件。以下是一些基本步驟來幫助你開始自定義Swagger UI：
安裝Swagger UI： 如果你還沒有安裝Swagger UI，可以通過npm來安裝它。首先，確保你已經安裝了Node.js和npm。然后，運行以下命令來全局安裝Swagger UI：
npm install -g swagger-ui-express
下載Swagger UI資源： 你可以從Swagger UI的GitHub倉庫下載最新的資源文件，或者使用npm來獲取它們。
git clone https://github.com/swagger-api/swagger-ui.git
或者使用npm：
npm install swagger-ui-dist
自定義CSS：
在swagger-ui-dist目錄中，你會找到一個名為swagger-ui.css的文件。你可以在這個文件中添加或修改CSS規則來自定義Swagger UI的外觀。
自定義JavaScript：
如果你需要更深入的自定義，比如改變UI的行為，你可能需要編輯swagger-ui-bundle.js和swagger-ui-standalone-preset.js文件。這些文件包含了Swagger UI的JavaScript邏輯。
啟動Swagger UI：
使用swagger-ui-express啟動Swagger UI，并指向你的Swagger JSON文件。例如：
const express = require('express');
const swaggerUi = require('swagger-ui-express');
const YAML = require('yamljs');
const app = express();
const swaggerDocument = YAML.load('./path/to/swagger.json');
app.use('/api-docs', swaggerUi.serve, swaggerUi.setup(swaggerDocument, {
customCss: '/path/to/swagger-ui.css',
customJs: '/path/to/swagger-ui-bundle.js'
}));
app.listen(3000, () => console.log('Server is running on port 3000'));
使用自定義資源：
在上面的代碼中，customCss和customJs選項允許你指定自定義的CSS和JavaScript文件路徑。
測試你的自定義：
啟動你的Node.js應用程序，并訪問Swagger UI界面（通常是http://localhost:3000/api-docs）。你應該能看到你的自定義樣式和行為已經生效。
請注意，自定義Swagger UI可能需要一定的前端開發經驗，特別是CSS和JavaScript知識。如果你不熟悉這些技術，可能需要花一些時間來學習它們。此外，隨著Swagger UI的更新，上述步驟可能會有所變化，因此建議查看最新的官方文檔以獲取最準確的信息。
