ブログ要素Demo

投稿日: 2000/01/01
更新日: 2025/11/04

記事のメインタイトル (h1)

導入部と強調 (h2)

このブログ記事は、Markdown記法で一般的に使われる要素をすべてデモするためのものです。

Markdownは、ブログやドキュメント作成において非常に便利で、記述がシンプルな軽量マークアップ言語です。この文章の後半には、コードやリスト、テーブルなどの具体的な使用例があります。

リストの例 (h2)

順序なしリスト (Unordered List)

  • ブログ記事の構成要素
    • 見出しと段落
    • 画像とリンク
    • リストと引用
  • 最適なフォントの選択
    • Noto Sans JP
    • ヒラギノ角ゴ

順序ありリスト (Ordered List)

  1. まず、Next.jsでプロジェクトを作成します。
  2. Markdownパーサー（例: remark）をインストールします。
  3. Markdownを読み込み、HTMLに変換するロジックを実装します。
  4. TSXテンプレートに表示します。

コードと引用 (h2)

インラインコード

font-familyプロパティで行いたいフォントを指定します。

コードブロック (Code Block)

以下の例は、CSSでNoto Sans JPを指定する方法です。

body {
  font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", sans-serif;
  line-height: 1.7;
}

画像表示 (h2)

代替テキスト

リンク (h2)

Googleのトップページへ

https://www.google.com

文中にリンク (h2)

文章の間にGoogleのトップページへリンクを入れてみる

← ブログ一覧に戻るトップページに戻る →