[Hexo]블로그 주소를 바꾸었어요!

이번에도 Gracefullight님의 제안으로, dev 도메인을 구매하기로 하였습니다.

기존의 아이디를 사용하여 khzero.dev를 쓸까 하다가,

이왕 구매하는거 깃허브 아이디도 바꾸고, 도메인도 맞춰서 사자!

라고 생각을 했었습니다…그때 멈췄어야 했는데요…

해당 포스팅을 참조하여 작업을 진행하기 시작했습니다.

1. 도메인 구매 및 연결

닉네임을 찾다가 Hodory로 변경하고, hodory.dev 도메인을 구매했습니다.

Github Pages로 관리되던 khzero.github.io Repository 이름을 hodory.github.io로 변경하였죠

지난번 TravisCI로 블로그 자동 배포시 겪은 문제에서 TravisCI로 배포 환경을 구축 했기 때문에,

Github Travis CI Configuration

위의 이미지와 같이 깃허브에서 TravisCI 서비스연결도 다시하고, Hexo config.yml도 모두 수정하였습니다.

기존의 도메인 URL도 모두 변경하여 블로그를 배포했습니다.

2. 기존 블로그는 어떻게 해요???

생각하여보니 현재 어썸데브블로그khzero.github.io 주소의 포스팅들이 공개 되어 있는데,

깃허브 아이디를 변경하면서 도메인 연결이 끊겨, 404 페이지를 노출하고 있었습니다.

Github Pages Not Found

급하게 khzero로 계정을 새로 만든 후, khzero.github.io Repository를 생성하고 기존 포스트를 배포하여 404로 노출되는것은 막았습니다.

3. 서브도메인으로 바꿀래요!

원래는 도메인을 hodory.dev로 쓰려 했지만, 서브 도메인으로 블로그임을 명시하고 싶어,

다시 hodory 계정의 hodory.github.io Rpository를 blog.hodory.dev로 CNAME을 설정하고

아래와 같이 설정하였습니다.

(※주의 : CNAME을 배포하면 아래의 설정이 초기화 되니 주의하시기 바랍니다.※)

Github Pages Custom Domain Setting

배포를 하였더니 깃허브로부터 아래와 같은 메일이 왔었습니다.

Github Pages Custom Domain Setting

A 레코드에 blog.hodory.dev가 설정되어 있어서인데,
CNAME으로 변경하기위해 구글 도메인 DNS 설정에서 아래와 같이 변경했습니다.

Google Domains - DNS Setting

설정을 모두 마친 뒤, 지인들에게 자랑을 했는데 블로그가 아래와 같은 오류로 나오지 않는다했습니다.

웹사이트에서 HSTS를 사용하므로 지금은 blog.hodory.dev에 방문할 수 없습니다.

네트워크 오류와 공격은 대체로 일시적인 문제이기 때문에 나중에 이 페이지가 정상적으로 작동할 수 있습니다.

TTL 문제일 수 있어 최대 1H까지 리졸브가 안될 수 있어요

라는 설명을 듣고 TTL을 1m 으로변경하였습니다

Google Domains - DNS Setting

1분정도 지난 후 확인해보니 정상적으로 동작했습니다!

또 중간에 배포를 하다가 이와 같이 되는 노출되는 경우가 있었는데
크롬 - 연결이 비공개로 설정되어 있지 않습니다.

위에 기재하였던 CNAME이 수정되면서, Enforce HTTPS 가 체크 해제되어 있었습니다.
이 부분을 수정하니 정상적으로 노출이 되었습니다.

4. 기존 블로그를 연결하자!

블로그 주소가 변경되면서 해야할 것은

  1. oneSignal의 URL 변경
  2. Analytics 수정
  3. 구글 애드센스 확인
  4. Search Console 연결
  5. 페이스북 픽셀 주소변경
  6. 네이버 웹마스터도구 사이트 추가

6가지였습니다.

대부분 URL 변경만 한다거나, 추가하는 방식으로 간단하게 수정 되었으나, 4번에서 문제가 생겼습니다.

현재 Search Console의 구버전에서만 가능한 주소 변경 툴인데,

아래 이미지에 표시된 2번의 301 리디렉션 정상동작 여부에서 막혔습니ㅏㄷ.

Github Page - 301 리디렉션

Github Pages 는 정적페이지이다보니 301로 리디렉션이 불가능합니다.

혹시나 하는 마음에 jekyll-redirect-from 패키지도 확인 해보았으나,

meta 태그와 script를 이용해 페이지를 이동시키는데,

구글봇이 해당 페이지를 읽을때 HTTP 코드가 200으로 나와서 301 리디렉션이 되지 않았습니다.

어쩔 수 없이 hexo-theme-redirect 테마를 이용하여, meta 리디렉션만 설정하고

Search Console은 커뮤니티에 문의를 남기고 우선 재생성하기로 하여 모든 마이그레이션을 마무리지었습니다.

혹시나 Search Console 주소변경에 대한 다른 방법을 알고 계시다면 공유 부탁 드리겠습니다.

[Hexo]블로그 주소를 바꾸었어요!

https://blog.hodory.dev/2019/06/09/github-pages-blog-migration/

Author

Hodory

Posted on

2019-06-09

Updated on

2022-08-11

Licensed under

댓글