はてなブログのコードブロックを”クリップボードにコピーする方法”について - じゃあ、おうちで学べる

はてなブログの設定から、Markdown記法で書いた記事にコードブロックのコピーボタンを自動的に追加することができます。また、こちらのブログは完全に非公式ですし自分のブログ以外では試してません。 🦾 デザインの設定 まず、はてなブログの管理画面にログインし、デザイン設定を開きます。 🦾 CSS の設定を行う デザイン設定で、「カスタマイズ」タブをクリックし、「デザインCSS」を開きます。ここで、先ほど紹介したコピーボタンのスタイルを追加します。 pre.code { position: relative; } .copy-button { position: absolute; top: 4px; right: 4px; display: inline-block; padding: 8px 16px; border: none; border-radius: 4px; backgro

[syu-m-5151]

みなさん、もっと使ってください！！！！