コードブロック

コピーボタン付きのコード枠

コードのかたまりを読める枠に変えます。ファイル名の帯、構文の色、行番号、強調する行、長いコードの折りたたみ、押したことが分かるコピーボタンまで一行で入ります。ハイライターのバンドルは要りません。 Mr. Latte メンバーシップ（サイト2つまですべてのウィジェット）に含まれます。メンバーシップ期間中はコード枠の投稿数に制限はありません。

サイトを登録する料金プランを見る

デモ

プレビュー

<script src="https://bootsignal.com/bootsignal.js"
        data-site-id="YOUR_SITE" defer></script>

<div data-bootsignal="codeblock" data-label="index.html">
  <pre>npm create astro@latest</pre>
</div>

実際のウィジェット · 構文の色と行番号、押すとコピーできたか知らせるボタン

連携設定

同じローダー(bootsignal.js)がサイトの他のウィジェットも動かします。表示には有効なサブスクリプションが必要です。

料金

料金は Mr. Latte メンバーシップひとつだけです。メンバーになるとサイト2つまですべてのウィジェットを使え、ほかの Mr. Latte サービスの有料機能も一緒に開きます。コード枠の投稿（書き込み）にはメンバーシップが必要で、投稿数に制限はなく、訪問者の閲覧は常に無料です。料金の確認と加入、管理は accounts.mrlatte.net で行います。料金プランの詳細 →