はてなブログの見出しをクリックしてアンカーリンクをつけるようにする - ハンドルネームの敬称は省略できます

はてなブログを見ていて足りないものに気付きました。それは見出しごとのアンカーリンクです。 割と参照するときによく使うのであってほしい機能ですが、パッと見たところ公式テーマにもそのようなものはないためDIYしましょうというやつぽいです。 まずは結論 以下のようなコードをデザイン設定のフッタ枠に貼り付けてください。 <script> document.addEventListener('DOMContentLoaded', function() { const headings = document.querySelectorAll('h1, h2, h3, h4, h5, h6'); const excludeIds = ['title', 'blog-description']; // ブログタイトルとブログ説明は除外する headings.forEach(function(heading

[hogashi]

おもてなしだ / "一方でスマホ表示の場合は幅がないので # は表示させずに色が変わるだけにとどめています。"