以下の内容はhttps://blog-smatsuzaki.hatenablog.com/entry/2025/12/13/101049より取得しました。


【Obsidian】syntax highlighterをshikiに置き換えた

Obisidianのデフォルトのsyntax highlighterに不満があり*1、「もっといいものないかな」と探してたところ、redditのスレッドShiki Hilighter なる代替ツールがあることを知った。

このプラグインはObsidiaianのcode blockのレンダリングをデフォルトのPrism.jsから、Shikiに切り替えてくれる。

redditでの評判がとてもよかったので試しに入れてみたら、今まで色が一切つかなかったbashのコマンドがハイライトされて感動した。

割と多機能

標準のコードブロック以外に、オプション的な記法がいくつか用意されている。

行番号を表示させる

入力

レンダリング結果

ファイル名(タイトル)を表示させる

入力

レンダリング結果

任意の行をハイライトする

入力

レンダリング結果

diffを表現する

入力

レンダリング結果

細かい設定

当初dark系のthemeを使おうと思ったが、 title 記法を使うとファイル名が黒背景上に黒字になり、視認性が悪いので断念した。代わりに、 Solarized Light を使うことにした。

利用可能なlanguageの一覧

以下にて、documentationされている。

Languages | Shiki


好印象なので暫く使ってみる。

*1:bash, shellのハイライトがほとんど聞かないのが不満だった。




以上の内容はhttps://blog-smatsuzaki.hatenablog.com/entry/2025/12/13/101049より取得しました。
このページはhttp://font.textar.tv/のウェブフォントを使用してます

不具合報告/要望等はこちらへお願いします。
モバイルやる夫Viewer Ver0.14