修改hugo中的index.html

时间:2017-10-14 02:01:56

标签: go static-site hugo

我刚刚开始使用hugo快速入门教程。

查看here,它表明我应该能够通过创建_index.md文件来修改home / default / root index.html。

$ 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".

好的,让我们尝试修改主页!

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

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

我已经编辑了这两个,效果如下:

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

# This is a website!

Why nothing appears?

但是当我跑步时

[~/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

我看到了这一点,没有内容:

Blank screen

还有什么我需要做的吗?构建或降价或渲染步骤还是什么?

1 个答案:

答案 0 :(得分:1)

您不需要index.md,但确实需要_index.md。你可以删除它。

在layouts文件夹中,创建一个名为index.html的文件。这是该网站根页面的模板html文件。现在添加基本的样板doc / html标记。这允许服务器注入Javascript自动重装脚本。现在刷新浏览器以拾取脚本。

现在你准备好了。在正文标记中添加{{.Title}}并观看浏览器更新。