Open4

【Redocly】cssを変えたい

やむ | serinaやむ | serina

検討

  • stylesheets
    Docsにそれっぽいのがあったので使えると思ったが、設定のやり方がいまいちわからなかった。
  • Use Redoc in HTML
    Docsにそれっぽいのがあったので使えると思ったが、spec-urlにymlファイルを記載すれば(e.g. spec-url=my-api.yaml )読み取って表示してくれる簡易的なものだった。htmlにyamlファイルの内容を書き込んだものが欲しかったため期待していたものではなかった。
やむ | serinaやむ | serina

結論

sedコマンドを使用して、 </head> の直前にcssリンク <link rel="stylesheet" type="text/css" href="main.css">を追加する。

sed -i '/<\/head>/i <link rel="stylesheet" type="text/css" href="custom.css">' /src/out/redoc.html
  • -i オプション ... 指定したファイルを直接編集する
  • /</head>/i ... 正規表現 /<\/head>/ にマッチする行を探し、i でその行の前に新しいテキストを挿入する

cssの適用は後勝ちになるため、最後にcssリンクを記載することで !important 不要となる。

やむ | serinaやむ | serina

他に良いやり方あるのかもしれないけど、わからなかった。
他に良いやり方あれば教えてください〜！