Hugo + GitHub Pages にカスタムドメインを設定する場合，Hugoの baseurl 設定に気をつけて (初心者向け)

1871 ワード
github-pages Hugo github-pages テキストリンク

Hugo, GitHub Pages, web 初心者である自分がHPを作ろうとして，つまずいたのでメモ．

現象

  • こちらのQiita記事1の手順を参考にしながら，GitHub Pagesにカスタムドメイン設定 & httpsでデプロイした．
  • しかしlocalhostではうまく表示されていたのに，web上ではcssや画像が描写されない．(泣)
  • chromeのコンソールで確認すると，「CORSエラー」，「httpとhttpsの混在エラー」が出ていた．

原因

Hugo設定ファイルである config.toml の baseurl に，GitHub Pages (project page) のドメインURLを指定したままだった．

config.toml
baseurl = "https://xxxxx.github.io/xxxxx/"

解決策

baseurl に，カスタムドメインのURLを指定する．

config.toml
baseurl = "https://(COSTOM-DOMEIN)/"

これですべて解決した．あっけない．．．

振り返ってみて

知識ある人にとっては，今回のことはアタリマエのことで躓くところではないんだろうなと思った．
もっと勉強せねば．

  1. Hugoでプロジェクトを作成しHugoのテーマを適用させGitHub Pagesで公開しお名前.comでドメインを取得しSSL化するまで ↩