ローカルでのプレビューとGitpagesが合わない

いつもお世話になっております.

今回質問させていただきたいのは以下のような現象はなぜ起きたのか,およびその対策についてお聞きしたいと思い,質問させていただきました.

https://github.com/jahad9819jjj/jahad9819jjj.github.ioをSubmoduleとして登録し,https://github.com/jahad9819jjj/jahad9819jjjSiteにて作成したブログを以下のようにしたいのですが,

実際にGitにあげると以下のように無機質なものになってしまいます.
https://jahad9819jjj.github.io/

手順としてはhttps://qiita.com/tomotlab/items/5dde8be4b4a766a93e93の記事を模倣する中で,テーマを変更しただけです.

試したこととしては,以下のようになります.
①config.tomlのthemeを変更
②themes/darksimplicity/exampleSite配下のファイル群をjahad9819jjjSiteにコピー
③themes/darksimplicity配下のpostcssやlayoutsなどもコピー

以上のことをしても変更されなかったです.なにか対策を教授頂きたいです.よろしくお願いいたします.

ブラウザの developer tool を確認してみてください。

Mixed content がブロックされている、とのエラーがあります。

baseURL を https から始まるものに修正すると正しく表示されると思います。

ありがとうございます.初歩的なことでお恥ずかしいです.
Google developer ツールってそのように使えるんですね!
初めて知ることができました!!!

ちなみになのですが,記事に画像を載せる場合はどのようにすればいいでしょうか?
以前のサイトではpost配下にimagesを置くやり方で実現できたのですが,
今回はできないので...

Hugo Markdown Render Hooks を設定してみてください。

ありがとうございます!
これで快適なHugoライフが送れそうです.
今後共よろしくお願いいたします🙏

1 Like

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.