トップ/記事一覧
VuePress で作ったブログを now にデプロイして、独自ドメインを当てるまで(お名前.com)
⚠ この記事は最終更新日から1年以上が経過しています。内容が古い箇所がある可能性があるためご注意ください。
表題の通りですが、VuePress で作ったブログを now にデプロイして、独自ドメインを当てたので、その手順を書き残しておこうと思います。もともとは Netlify を使っていたのですが、Notion Blog 乗り換えのために、now にお引越し作業をしたという背景です。
スクショを添付しておきますが、基本的には指示通り進んでいくだけです。UI も分かりやすいので、そこまで迷うことはないはずです。
![](/_next/image?url=%2FblogImages%2Fc5064520-df99-4e7e-b5d0-a6b97efd1672.png&w=1920&q=75)
リポジトリを選択し、プロジェクト名を入力します。
![](/_next/image?url=%2FblogImages%2Fb6f7ed2e-0832-4998-b24b-56f97b5c125b.png&w=1920&q=75)
ルートディレクトリを尋ねられますが、ここは空欄のままで OK です。
![](/_next/image?url=%2FblogImages%2F002397e7-ffbb-4ea4-805f-bb8f066ea04e.png&w=1920&q=75)
使っているフレームワークを尋ねられますが、どれにも該当しないので Other を選択してください。 Other の場合は、自分でビルドコマンドを入力する必要があるので、以下のように入力します。
JavaScript
# BUILD COMMAND yarn docs:build # OUTPUT DIRECTORY docs/.vuepress/dist
これだけで完了です。設定がうまくいけば、自動でデプロイが完了し、ステータスが Ready になるはずです。
![](/_next/image?url=%2FblogImages%2F0da375b7-d678-4617-a928-a9410eed8e1b.png&w=1920&q=75)
独自ドメインを当てる
![](/_next/image?url=%2FblogImages%2F2f9f5fa6-3543-4b24-ad41-c15835280b47.png&w=1920&q=75)
お名前ドットコムで取得したドメインの向き先を変更します。Netlify に向けているネームサーバー(Current Nameservers のところに載っているもの)を、Zeit のネームサーバーに付け替える作業を行います。付けたいドメインで、Netlify DNS を今まで使用していない場合はここは関係ない部分になります。
![](/_next/image?url=%2FblogImages%2F5b202b10-1222-4f19-8c62-a402a0f08373.png&w=1920&q=75)
お名前ドットコムの、ネームサーバー設定画面で、Zeit のネームサーバーを指定し、確定を押します。DNS 設定が浸透するまでに30分程度かかります(もっとかかる場合もあるそうですが、僕はいつもこのくらいで完了します)。
![](/_next/image?url=%2FblogImages%2F4178fcdd-e545-489b-b5b2-9d74af5c7f11.png&w=1920&q=75)
👆の画像のようになれば、ドメイン設定は完了です。お疲れ様でした!実際にアクセスして、動作を確認してみてください!
以上になります。Zeit も Netlify もとにかくラクにホスティングができて最高ですね。なにか不明点あれば、@___35d までお気軽にどうぞ。