Customize CSS

一般論

自分でスタイルシートをカスタムするには、 docs/ 以下にcssファイルを配置する；

my-project/
  docs/
    css/style.css
    index.md
    ...
  mkdocs.yml

mkdocs.yml には次のように記述する；

extra_css:
  - css/style.css

header awesome

下記サイトのautherのGitHubから、 docs/css/custome.css をダウンロードしてきて配置。

• MkDocs の見出しを Font Awesome で装飾する | kurokobo.com
  • リポジトリ
  • デモページ

Note

ブログ記事内の css サンプルコードのコピペだけじゃ無理だったので注意。

---

最終更新日: July 12, 2021 08:12:48

コメント