WordPress から Hugo に移行する方法

WordPress から Hugo へ移行する基本手順を整理し、コンテンツのエクスポート、Markdown 変換、静的サイト構造、移行時の注意点を扱います。

移行する理由

  1. wordpressのWeb MDエディターは機能が比較的弱く、使用中に問題が発生しやすく、編集内容が失われやすいです。 Hugo では、より効率的な独自のローカル MD エディターを選択できます。
  2. WordPress イメージは、最初にアップロードしてから、md ファイル内で参照する必要があります。 Hugo はディレクトリに配置することで直接参照できます。
  3. WordPress はデータベースと PHP をインストールする必要がありますが、サーバーに高い要件があり、メンテナンスが面倒です。

移行プロセス

Hugoをインストールする

https://gohugo.io/getting-started/quick-start/ インストールして初期設定を完了する

ワードプレスのMDファイルをエクスポートする

この https://github.com/SchumacherFM/wordpress-to-hugo-exporter エクスポートを使用します

WordPress プラグイン ディレクトリ wp-content/plugins/ に、「WordPress to Hugo Exporter」のソース コードを直接クローンします。

1
2
3
$ git clone https://github.com/SchumacherFM/wordpress-to-hugo-exporter.git
$ cd wordpress-to-hugo-exporter
$ php hugo-export-cli.php

このコマンドは、hugo-export.zip ファイルをローカルに生成します。

ファイルを解凍すると、主に次の部分が含まれます。

  • config.yaml: Hugo の設定ファイル、これを書き換えます
  • photos: このディレクトリにはすべてのブログ投稿があります。全てMDファイルです。ファイル名には日付が付いているので、日付順に並べ替えることができます。
  • wp-content: このディレクトリは主にアップロード ディレクトリであり、以前にアップロードされたすべてのメディア ファイルが含まれます。 WordPress は年と月ごとに分けて保存されます。 他のページも作成している場合は、他のページ名のディレクトリがあり、そこには MD ファイルも含まれています。

MD ファイルを表示すると、記事のタイトル、作成者、作成時刻、URL アドレス、分類、タグ、その他の情報を含む YAML 部分が先頭に表示されます。概要情報もありますが、通常、Hugo テーマは「抜粋」概要を認識しません。これを「説明」に変更すると、この部分が Web サイトのページヘッダーの「メタ説明」のコンテンツになります。 これでエクスポート作業は完了です

MDファイルをインポートする

通常、エクスポートされたファイルは /content ディレクトリに配置されます。詳細については、テーマのドキュメントを参照してください。テーマの選択は https://themes.gohugo.io/ です。

ウェブサイトを生成してアップロードする

1
2
hugo
rsync -azv public/ root@youre_server_ip:/your/folder/
记录并分享
Hugo で構築されています。
テーマ StackJimmy によって設計されています。