Santa's Secret Base
OTHER·ブログ

🧪 全ブロック表示テスト

SantaSanta2026.06.27
🧪 全ブロック表示テスト

これは全ブロックの表示確認用テスト記事です。通常の段落に 太字斜体コードマーカー を混ぜています。

1. 囲み(callout)4種

💡ヒント: これは hint パターンの囲みです。
⚠️注意: これは warning パターンの囲みです。
ポイント: これは point パターンの囲みです。
📝メモ: これは note パターンの囲みです。複数行も 改行して表示されます。

2. 良い点 / 気になる点

👍 良い点
  • 軽量で持ち運びやすい
  • バッテリーが長持ち
  • 価格が手頃
👎 気になる点
  • 防水ではない
  • 付属ケースが別売り

3. 吹き出し(会話)

🧔
サンタ
これは左向きの吹き出しだよ。2行以上になっても ちゃんと折り返されるはず。
🤖
アシスタント
こちらは右向き。アイコンの絵文字も切り替えできます。

4. FAQ(アコーディオン)

Q.無料枠だけで運用できますか?
個人ブログ規模なら当面ずっと無料で運用できます。配信帯域が先に天井に当たります。
Q.画像は何枚まで保存できますか?
Cloudinary無料枠で約25GB、記事換算で2000本以上でも余裕があります。

5. 手順(steps)

  1. 1本体を充電する
  2. 2電源を入れる
  3. 3アプリと接続する
  4. 4設定を保存して完成

5-1. 小見出し(H3)の確認

目次でサブ項目(インデント)として表示されるかの確認用 H3 です。

6. リンクカード

Next.js — The React Framework for the Web
本ブログのフロントエンドで使用しているフレームワーク。
🔗 nextjs.org

7. 引用・リスト

シンプルは究極の洗練である。
  • 箇条書きの項目A
  • 箇条書きの項目B
  1. 番号付きリスト1
  2. 番号付きリスト2

8. 画像ブロック(キャプション付き)

本文中に挿入した画像。キャプションは中央寄せで表示されます。
本文中に挿入した画像。キャプションは中央寄せで表示されます。

9. 画像付きリンクカード

Next.js — サムネイル付きリンクカードの表示確認
Next.js — サムネイル付きリンクカードの表示確認
左側に画像、右側にタイトル・説明・ドメインが並ぶレイアウトです。
🔗 nextjs.org

以上で全ブロックの表示確認は完了です。

Santa
Santa

読んでくれてありがとう。次の焚き火で、また。

この記事、よかった?

PR
次に読む
← 一覧へ戻る