Vim風ショートカットをちょっと足した

記事をキーボードだけで行き来しやすくして、Vimmerに少しやさしいBlogを目指すぞ〜

Contents 0%

最近、このBlogをもう少しVimmerにやさしくしたいなと思っていました。

マウスで読むのももちろんいいのですが、キーボードから手を離さずに記事を行き来できると、ちょっと気持ちいいですよね。 ということで、記事詳細ページにVim風のショートカットを足してみました。

できること

  • j / k:次/前の見出しへ移動
  • g / G:記事の先頭/末尾へ移動
  • h / l:新しい/古い記事へ移動
  • ?:ショートカット一覧を表示
  • /:検索バーの表示

基本的には、Vimと同じ感覚で触っていただけます。(今用意してるのは上記のやつだけだけど、、、)

hl は記事末尾にあるナビゲーションの左右と対応させました。左の h で新しい記事、右の l で古い記事に進みます。

? でヘルプが出ます

ショートカットを覚えなくても大丈夫なように、? を押すとポップアップで操作一覧が出るようにしています。

背景をクリックするか、Esc を押せば閉じられます。

少しずつVimmerにやさしく

自分がVimmerなので、「これできたら嬉しいな」と思う機能を少しずつ追加していきます。

派手な機能ではないですが、普段VimやNeovimを使っている人が少しだけ自然に読めるBlogになったらうれしいです。