technote-space/nextjs-blog

My Tech Blog

Table of Contents

Details

• デモ
• 動作要件
  • セットアップ
• 記事
  • Markdown
  • WordPressのエクスポート機能で出力したXMLファイル
  • WordPressのデータベース
  • 対応予定
• Author

generated with TOC Generator

デモ

https://nextjs-blog-technote-space.vercel.app/

動作要件

• Node.js >= 14
• yarn = 1.x

セットアップ

make setup

nvm の設定と package のインストール

記事

いくつかの方法で表示する記事を追加できます。

Markdown

contents ディレクトリ下に .md ファイルを追加

オフにする場合は .env の MD_SOURCE をコメントアウト

WordPressのエクスポート機能で出力したXMLファイル

1. WordPressの 管理画面 > ツール > エクスポート からXML形式で全てのコンテンツをエクスポート
2. postsディレクトリなどに配置
3. 配置したファイルパスを .env の WP_EXPORT_XML に指定 (例：export.xml)
4. WordPress の wp-content/uploads を public にコピー (public/wp-content/uploads)
5. .env の WP_XML_SOURCE のコメントを外す

WordPressのデータベース

既存の WordPress が稼働していて画像等にURLでアクセスできる前提です。

1. .env に接続情報を設定
   • DB_HOST, DB_NAME, DB_USER, DB_PASS, DB_PORT
2. .env の WP_DB_SOURCE のコメントを外す

対応予定

• microCMS
• WordPress REST API

Author

GitHub (Technote)
Blog