はてなブログProで独自ドメインを設定してみた(エックスサーバ編)

エックスサーバ編もなにも単発の予定ですが,気にしないでおきます.
早速ですが当ブログに独自ドメインを設定していきます.

はてなブログProに登録しておく

独自ドメインを使うにははてなブログProに登録しておかなければなりません.
年間一括のほうが安いですが,自分はとりあえず毎月払いにしておきました.

ブログを作る

既に持っている場合は関係ないですが,ない場合は新たに作らないといけません.
作るときに思ったのですが,はてなブログProに登録していても最初から独自ドメインでブログ開設できないんですね.
一度「hatenablog.net」等のドメインで作ってから独自ドメイン設定を行う必要があります.

ドメインを取得する

ドメインを持っていない場合は取得が必要です.
新規で取得する場合は「お名前.com」や「バリュードメイン」がおすすめです.

www.onamae.com

www.value-domain.com

エックスサーバ側の設定

ここからはエックスサーバのサーバーパネルで行います.

f:id:mizuka_123:20160310194941j:plain

「DNSレコード設定」をクリックします。

f:id:mizuka_123:20160310195006j:plain

該当のドメインを選択します。

f:id:mizuka_123:20160310195217j:plain

「DNSレコードの追加」タブに移動し、ホスト名、種別、内容を入力します。  

  • ホスト名:任意

  • 種別:CNAME

  • 内容:hatenablog.com

これでドメイン側の設定は終わりです.

はてなブログ側の設定

はてなブログ側はドメイン側で設定したドメイン名を入力するだけです.

f:id:mizuka_123:20160310200003j:plain

「設定」→「詳細設定」で独自ドメインの欄に入力します.

f:id:mizuka_123:20160310200129j:plain

設定更新後に「ドメイン設定をチェック」をクリックし,設定状況が有効となればOKです.

f:id:mizuka_123:20160310200339j:plain

アクセスしてみて表示されることを確認します.

本来CNAMEレコードと他のレコードの重複はNGなようですが,動いているので良しとしましょう・・・
誰か詳しい方いましたら教えてください.

livedoor Techブログ : CNAMEの間違った使い方