banner
Cypress

Cypress

twitter
telegram
github
discord server

Hexoの個人ブログの構築その2

前書き#

前の記事では、Hexo ブログの初期設定を完了しました。次に、ブログをパブリックネットワークで表示できるようにする必要があります。Hexo ブログは完全な静的ウェブページですので、サーバーを借りる価値はありません。そのため、今日の主役である Netlify を選びました。Netlify を選んだ理由は、hexo-netlify-cms プラグインを使用して記事を投稿するためのバックエンドを作成できるからです。

1. Netlify プラットフォームアカウントの登録とプロジェクトの作成#

  • Netlify公式ウェブサイトにアクセスして登録します

image

  • GitHub アカウントを使用して登録することをおすすめします

image

  • Git リポジトリからプロジェクトをインポートします

image

GitHub を選択し、認証するリポジトリを選択するウェブページが表示されますimage

  • 設定を入力します。Hexo のビルドコマンドは hexo g で、公開ディレクトリは./public です

image

2. NetlifyIdentity と NetlifyCMS を有効にする#

  1. サイト設定を開きます
    image

  2. NetlifyIdentity を有効にします
    image

  3. 登録方法を Invite only に設定し、保存します
    image

  4. Git Gateway を有効にします
    image

  5. ウェブサイトはすでにデプロイされているはずですので、確認してみましょう

Published が表示されれば成功です

  1. 次に、バックエンドが正常に動作しているか確認します

    • まず、メールでユーザーを招待します。Invite only を設定しているためです
    • identity タブをクリックし、ユーザーを招待し、メールで登録してください
      image
  2. ブログの URL に /admin/ を追加して、バックエンドにアクセスできるか確認します。先ほど登録したアカウントでログインしてください
    image

バックエンドはこのようになりますimage

メディアリソースをアップロードできます
image

これでブログの構築はほぼ完了です。Netlify はドメインを提供してくれますが、自分で購入したドメインをバインドすることもできます!
image

読み込み中...
文章は、創作者によって署名され、ブロックチェーンに安全に保存されています。