Github と Hugo を使用して独自のオンライン ドキュメント Web サイトを構築する基本的な手順を試しました。次に、単にテンプレートを使用するのではなく、独自の Web サイトをカスタマイズしたいと考えています。
いくつかの経験談から判断すると、一般的なアプローチは次のとおりです。
1) Github 上に新しい XX.Github.io ウェアハウスを作成し、Github Pages 機能を有効にします。
このとき、ウェアハウス配下にindex.mdと_config.ymlが生成されます。このようにして、オンライン Web サイトの基本的なアクセス機能を確保できます。
2) ローカルで新しいドキュメントを作成し、hugo サーバー コマンドを使用してパブリック フォルダーを生成します。このフォルダーには、hugo によって構築されたすべての静的ページが含まれます。手順 1 で作成したウェアハウスにフォルダーの内容をプッシュするだけです (ウェアハウスの Index.md と _config.yml は永久に保存する必要があります)。これにより、パブリック ネットワーク上でローカルに構築した Web サイトにアクセスできるようになります。
練習中に遭遇した問題:
ローカルで生成された Web サイトは次のようになります
パブリックフォルダーを使用してGithubにプッシュされたWebサイトは次のようになります
初心者なのでこの現象をどう説明したらいいのかわかりませんが、CSS スタイルが失われているのでしょうか? 結果に一貫性がありませんか?
チュートリアルによると、何も問題はなく、私のようにこの現象に遭遇した人はいません。
次のようなソリューション レコードが 1 つだけ見つかりましたが、当時は理解できず、単に config.toml の最初の行「baseURL = "https://example.com/" をコメントアウトしましたが、コメントアウトされませんでした」何の影響もありません。
そして最後に?解決しました。解決策は何でしょうか?F12 キー、おそらくこれが正しいデバッグ方法です。
CSS スタイルの問題とのことなので、CSS リファレンスに問題があるのでしょうか? 上記の解決記録と合わせて、「baseURL = "https://example.com/" を "baseURL = "」に変更してみました。 https : //XX.github.io/ " (XX は私の github ユーザー名です)、おそらくこの方法で CSS スタイルのポイントが正しいでしょう。
案の定、index.html を公開した効果は得られており、Github にプッシュするのが普通です。