web-dev-qa-db-ja.com

Hugoが空白ページを提供するのはなぜですか？

Hugo Static Page Generatorを使用して個人のWebサイトを構築していますが、実行するとhugo serve、ページが表示されなくなったが、単にlocalhost:1313。

すべてを削除して、新規インストールを行いました。しかし、それでもヒューゴは空白のページを提供しています。

空白のページに、以前のテーマからすべて削除しても、以前のサイトの下書きのファビコンが表示されます。 Chrome=でブラウザをクリアし、別のブラウザも試しましたが、それでも機能しません。

エラーメッセージがないため、提供できる情報がわからない。どうすれば修正できますか？

hugo
22
maximusdooku

問題はおそらく theme です-存在しないか壊れています。 Hugoには、機能するテーマを提供できない場合のデフォルト/フォールバックテーマはありません。

デバッグガイド：

  1. themesフォルダーを確認し、 quickstart に従ってください。
  2. 別のシンプルなテーマを使用してみてください。
  3. テーマの設定の問題にすぎないかもしれませんが、 hugoテーマのドキュメント を読むこともできます。
17
jediz

Config.tomlファイルが正しいテーマを指していることを確認してください。

クイックスタートチュートリアルに従っている場合、実行するのを忘れている可能性があります

echo 'theme = "ananke"' >> config.toml
5
bhar1red

hugo getting-started/quickstart ガイドを実行した後、同じ問題に遭遇しましたが、既存のテーマを使用する代わりに、非常に基本的なテーマを作成しました：

  1. Hugoをインストール 選択 Windowsにhugoをインストール
  2. 新しいサイトを作成hugo new site quickstart
  3. テーマを追加
    • テーマの複製（たとえば ananke-theme ）の方が簡単です<-- this is what the quickstart does and what i left out
    • 代わりに テーマを作成 with hugo new theme [your-theme-name]を使用して、サイトフォルダー内にテーマスケルトンを追加できます（例：C:\Hugo\Sites\example.com）（スクリーンショットを参照）。
  4. コンテンツを追加hugo new posts/my-first-post.md
  5. サーバーを起動するhugo server -D --watch --verbose

Hugo_myFirstTheme_files_folders

テーマファイルとフォルダーを作成したら、Sites/example.com/themes/your-theme-name/の下にあるはずです。生成されたファイルのほとんどは（ほとんど）空なので、クイックスタートサンプルが機能する前に、それらのいくつかを編集する必要があります。

に基づいて Hugoのテーマを開発 私は/themes/your-theme-name/layouts/index.htmlを編集しました

<!DOCTYPE html>
<html> <body>    
    {{ range first 10 .Data.Pages }}        
         <h1>{{ .Title }}</h1>
         <div>{{- .Content -}}</div>
    {{ end }}      
</body> </html>

Hugoのテーマを開発する から取得したhugoに関する基本情報

  • Hugo構成ファイル（TOML、YAMLまたはJSON）は、サイトのルートにあります
  • Hugoのデフォルト：content/、内のMarkdown
    • コンテンツファイルには、メタデータ（ frontmatter ）とテキスト（/ markdown）-> html to public /が含まれます。
    • フロントマター属性の例：date, title, description, categories, tags

  • themes/（またはlayouts/）の下のテンプレート

    • 3種類のテンプレート：single, list, partials
    • /themes/your-theme-name/の下のテーマテンプレート、次に/layouts/のindex.htmlの下、/layouts/_default/list.htmlと/layouts/_default/single.htmlの下のテーマテンプレート

  • HTMLファイルはpublic/ディレクトリに書き込まれます。

hugoテーマのドキュメント を読むことをお勧めします。

2
surfmuggle