修改hugo中的index.html

Modify index.html in 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

我看到了,没有内容:

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

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

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

现在你可以玩了。在正文标签中添加 {{.Title}} 并观看浏览器更新。