前書き#
前の記事では、Hexo ブログの初期設定を完了しました。次に、ブログをパブリックネットワークで表示できるようにする必要があります。Hexo ブログは完全な静的ウェブページですので、サーバーを借りる価値はありません。そのため、今日の主役である Netlify を選びました。Netlify を選んだ理由は、hexo-netlify-cms プラグインを使用して記事を投稿するためのバックエンドを作成できるからです。
1. Netlify プラットフォームアカウントの登録とプロジェクトの作成#
- Netlify公式ウェブサイトにアクセスして登録します
- GitHub アカウントを使用して登録することをおすすめします
- Git リポジトリからプロジェクトをインポートします
- 設定を入力します。Hexo のビルドコマンドは hexo g で、公開ディレクトリは./public です
2. NetlifyIdentity と NetlifyCMS を有効にする#
-
サイト設定を開きます
-
NetlifyIdentity を有効にします
-
登録方法を Invite only に設定し、保存します
-
Git Gateway を有効にします
-
ウェブサイトはすでにデプロイされているはずですので、確認してみましょう
-
次に、バックエンドが正常に動作しているか確認します
- まず、メールでユーザーを招待します。Invite only を設定しているためです
- identity タブをクリックし、ユーザーを招待し、メールで登録してください
-
ブログの URL に /admin/ を追加して、バックエンドにアクセスできるか確認します。先ほど登録したアカウントでログインしてください
バックエンドはこのようになります
メディアリソースをアップロードできます
これでブログの構築はほぼ完了です。Netlify はドメインを提供してくれますが、自分で購入したドメインをバインドすることもできます!