## 経緯 [[📝mkdocs buildがfontawesome_markdown extensionのloadエラーになる]] が解消できないし、バージョンもかなり古いので...。 ## ライブラリ入れなおし 関係しそうなものをもろもろ削除 ```console poetry remove --dev mkdocs mkdocs-material pymdown-extensions fontawesome-markdown ``` [[jinja2]]が2.11.3でバージョンが古すぎたので。 ```bash poetry remove jinja2 poetry add jinja2 # 3.1.2 ``` インストールしなおす。 ```console poetry add --group dev mkdocs mkdocs-material ``` 起動してみる。 ```error WARNING - Config value 'plugins': Plugin 'material/search' option 'prebuild_index': Unsupported option ERROR - Config value 'markdown_extensions': Failed to load extension 'fontawesome_markdown'. ModuleNotFoundError: No module named 'fontawesome_markdown' ``` 想定の範囲内。 ## 設定変更 まずはアイコン設定を消す。 ```diff markdown_extensions: - meta - # fontawesomeのアイコン - - fontawesome_markdown ``` 次に`prebuild_index`を消す。 ```diff plugins: - search: lang: - en - prebuild_index: true ``` > [!positive] これでなんか動いた! ## [[Font Awesome]]の対応 [[📝mkdocs buildがfontawesome_markdown extensionのloadエラーになる]] であるように、[[fontawesome-markdown]]を外したからそれはそう。 ![[Pasted image 20231018160229.png]] これをなんとかしたい。 <div class="link-card"> <div class="link-card-header"> <img src="https://squidfunk.github.io/mkdocs-material/assets/favicon.png" class="link-card-site-icon"/> <span class="link-card-site-name">squidfunk.github.io</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Icons, Emojis - Material for MkDocs</p> </div> <div class="link-card-description"> Write your documentation in Markdown and create a professional static site in minutes – searchable, ... </div> </div> <img src="https://squidfunk.github.io/mkdocs-material/assets/images/social/reference/icons-emojis.png" class="link-card-image" /> </div> <a href="https://squidfunk.github.io/mkdocs-material/reference/icons-emojis/#configuration"></a> </div> > The following icon sets are bundled with Material for MkDocs: > > – Material Design > – FontAwesome > – Octicons > – Simple Icons お、これはいけるのでは。。 ```diff markdown_extensions: + # 絵文字対応 + - attr_list + - pymdownx.emoji: + emoji_index: !!python/name:material.extensions.emoji.twemoji + emoji_generator: !!python/name:material.extensions.emoji.to_svg ``` 上記を追加したら表示された。ただし、**以前とはアイコン名が異なるので変更が必要。**