nerd-icons-dired でアイコン表示をカスタマイズ
2024/11/17
Emacs
TL;DL
Setup El を使っている場合は次のような設定を追加する。
1(setup nerd-icons-dired2(:elpaca t)3(:with-mode dired-mode4(:hook nerd-icons-dired-mode))5(:require nerd-icons)67(add-to-list 'nerd-icons-extension-icon-alist8'("mdx" nerd-icons-octicon "nf-oct-markdown" :face nerd-icons-lblue)))
動機
このブログでは基本的に MDX で記事を書いて Next.js を使って HTML を生成している。記事を書くときは Emacs を使っている。
Emacs でファイルのアイコンを表示するために nerd-icons-dired を使っているがデフォルトの設定では MDX ファイルのアイコンが表示されない。特別困るというわけではないがバッファーの切り替えや dired で表示されるときに白い四角のアイコンが表示されるだけでは味気ないと思ったので設定方法を調べた。
設定
設定は nerd-icons-dired ではなく nerd-icons の nerd-icons-extension-icon-alist に値を追加することで実現できる。
nerd-icons や nerd-icons-dired のインストールは自身の使っているパッケージマネージャに合わせた方法で記述する。
パッケージマネージャに依らない書き方をすると次のようになる。
1(require 'nerd-icons)23(add-to-list 'nerd-icons-extension-icon-alist4'("mdx" nerd-icons-octicon "nf-oct-markdown" :face nerd-icons-lblue))
アイコンは M-x nerd-icon-insert を実行するとアイコンの一覧が表示されるのでそこからアイコンの名前を探せる。既存のアイコンに合わせるのであれば nerd-icons のコードを参考にするとよい。
参考 URL
