nerd-icons-dired でアイコン表示をカスタマイズ

2024/11/17

TL;DL

Setup El を使っている場合は次のような設定を追加する。

Loading code...

動機

このブログでは基本的に MDX で記事を書いて Next.js を使って HTML を生成している。記事を書くときは Emacs を使っている。

Emacs でファイルのアイコンを表示するために nerd-icons-dired を使っているがデフォルトの設定では MDX ファイルのアイコンが表示されない。特別困るというわけではないがバッファーの切り替えや dired で表示されるときに白い四角のアイコンが表示されるだけでは味気ないと思ったので設定方法を調べた。

設定

設定は nerd-icons-dired ではなく nerd-iconsnerd-icons-extension-icon-alist に値を追加することで実現できる。 nerd-iconsnerd-icons-dired のインストールは自身の使っているパッケージマネージャに合わせた方法で記述する。

パッケージマネージャに依らない書き方をすると次のようになる。

Loading code...

アイコンは M-x nerd-icon-insert を実行するとアイコンの一覧が表示されるのでそこからアイコンの名前を探せる。既存のアイコンに合わせるのであれば nerd-iconsコードを参考にするとよい。

参考 URL

SuzumiyaAobaのプロフィール画像

SuzumiyaAoba

プログラミング、技術、その他の話題について共有するブログを書いてます。 主にScala、Java、TypeScriptなどの技術について興味あり。

ScalaJavaTypeScriptReact

Buy Me A Coffee