【テスト記事】WordPressからNext.js+Markdownへの移行検証用ダミーデータ

WordPressからNext.jsとMarkdownへブログ記事を移行する流れを示したイラスト notes
この記事は約2分で読めます。

この記事は、WordPress環境からNext.jsとMarkdownを利用した新環境へ移行するためのテスト用ダミー記事です。 移行ツールを使ってデータを抽出した際、WordPress特有のブロックや装飾が、正しくMarkdown形式に変換されるかを確認する目的で作成しています。

1. テキスト装飾のテスト

ここでは、基本的な文字装飾の変換を確認します。

  • これは**太字(Bold)**のテストです。
  • これは*斜体(Italic)*のテストです。
  • これは<del>取り消し線(Strikethrough)</del>のテストです。

2. リスト表示のテスト

Markdownのリスト構文に正しく変換されるかを検証します。

箇条書き(順序なしリスト)

  • Next.js(App Router)
  • Markdown(Obsidian)
  • VPS(Ubuntu Server + Nginx)

番号付きリスト(順序ありリスト)

  1. WordPressからデータをエクスポートする
  2. 記事データをMarkdown形式に変換する
  3. Next.jsプロジェクトの所定フォルダに配置する

3. 引用とコードブロックのテスト

技術ブログやノートで多用する要素の変換テストです。

引用(Blockquote)

これは引用文のテストです。 WordPressの引用ブロックが、Markdownの「>」記号を使った構文に正しく変換されるかを確認します。

コードブロック

以下は、Nginxの設定例を記述したコードブロックです。バッククォート3つとハイライト指定が引き継がれるかを確認します。

Nginx

server {
    listen 80;
    server_name note.lifework-blog.com;
    root /var/www/note-blog/out;
    index index.html;
}

4. リンクのテスト

aタグがMarkdownのリンク記法に変換されるかを確認します。

5. 記事内画像のテスト

画像のパスがどのようにエクスポートされるかを確認するためのテストです。

白い背景に「Hello, World.」の文字が中央に描かれ、ノートやコーヒーカップ、カメラ、植物、朝日が差し込む窓などが柔らかなイラスト調で配置された、日常と思考の始まりを表現したアイキャッチ画像。

検証用データは以上です。

タイトルとURLをコピーしました