cloudflare pagesを使ってみる。
はじめに
最近、Cloudflare から Vercel や Github Pages みたいなホスティングサービスがリリースされたらしい。
早速使ってみる。
1.プロジェクトを作成
自分のダッシュボードにアクセスし、プロジェクトを作成する。
![](/2021/04/16/cloudflare-pages/cloudflare-pages.png)
GitHub アカウントを接続しろといわれるので接続する。
![](/2021/04/16/cloudflare-pages/cp1.png)
All repositories を選択
![](/2021/04/16/cloudflare-pages/cp2.png)
パスワードをタイプする
![](/2021/04/16/cloudflare-pages/cp3.png)
そうするとリダイレクトされ、リポジトリが選択できるのでリポジトリを選択する。選択できたらセットアップの開始を押す。
![](/2021/04/16/cloudflare-pages/cp4.png)
フレームワーク プリセットから hexo を選ぶ。大体はこの時に読み込まれた設定で問題ない。選択できたら保存してデプロイを押す。
![](/2021/04/16/cloudflare-pages/cp5.png)
deploy が始まる。しばらく待つ。
![](/2021/04/16/cloudflare-pages/cp6.png)
完了したらプロジェクトに進む
![](/2021/04/16/cloudflare-pages/cp7.png)
コントロール画面はこんな感じ。
![](/2021/04/16/cloudflare-pages/cp8.png)
カスタムドメインに行き、カスタムドメインを設定を押す
![](/2021/04/16/cloudflare-pages/cp9.png)
ドメインをタイプし続行。
![](/2021/04/16/cloudflare-pages/cp10.png)
ドメインをアクティブにするを選択。
![](/2021/04/16/cloudflare-pages/cp11.png)
しばらく待つと、設定がすみアクセスできるようになる。
![](/2021/04/16/cloudflare-pages/cp12.png)
有効化された。これで cloudflare から配信されることになる。
![](/2021/04/16/cloudflare-pages/cp13.png)