2017-10-14 3 views
0

Ich bin gerade in der hugo Quickstart-Tutorial.Ändern index.html in hugo

Auf der Suche here, schlägt es vor, ich sollte in der Lage sein, das home/default/root index.html zu ändern, indem Sie eine _index.md-Datei erstellen.

$ hugo new site quickstart 
Congratulations! Your new Hugo site is created in ~/quickstart. 

Just a few more steps and you're ready to go: 

1. Download a theme into the same-named folder. 
    Choose a theme from https://themes.gohugo.io/, or 
    create your own with the "hugo new theme <THEMENAME>" command. 
2. Perhaps you want to add some content. You can add single files 
    with "hugo new <SECTIONNAME>/<FILENAME>.<FORMAT>". 
3. Start the built-in live server via "hugo server". 

Ok, wollen wir versuchen, die Homepage zu ändern!

[~/quickstart]$ hugo new index.md 
[~/quickstart/content/index.md created 

[~/quickstart]$ hugo new _index.md 
[~/quickstart/content/_index.md created 

Ich habe diese beiden bearbeitet, um die Wirkung von:

--- 
title: "Welcome" 
date: 2017-10-13T20:31:39-05:00 
draft: false 
--- 

# This is a website! 

Why nothing appears? 

Aber wenn ich

[~/quickstart]$ hugo server -D 
Started building sites ... 

Built site for language en: 
0 draft content 
0 future content 
0 expired content 
1 regular pages created 
6 other pages created 
0 non-page files copied 
0 paginator pages created 
0 tags created 
0 categories created 
total in 5 ms 
Watching for changes in ~/quickstart/{data,content,layouts,static} 
Serving pages from memory 
Web Server is available at http://localhost:1313/ (bind address 127.0.0.1) 
Press Ctrl+C to stop 

laufen Ich sehe diesen, keinen Inhalt:

Blank screen

Ist muss ich noch etwas tun? Ein Build oder Markdown oder Renderschritt oder etwas?

Antwort

1

Sie brauchen nicht die index.md, aber Sie brauchen die _index.md. Sie können es löschen.

Erstellen Sie in Ihrem Layoutordner eine Datei mit dem Namen index.html. Das ist Ihre Template-HTML-Datei für die Root-Seite der Site. Fügen Sie jetzt Ihr grundlegendes Standard-Doc/HTML-Markup hinzu. Dadurch kann der Server ein JavaScript-Skript zum automatischen erneuten Laden injizieren. Aktualisieren Sie jetzt Ihren Browser, um das Skript abzurufen.

Jetzt sind Sie bereit zu spielen. Fügen Sie im body-Tag {{.Title}} hinzu und beobachten Sie die Aktualisierung des Browsers.