用 Hugo 30 分钟搭建静态博客(2)

日期：2020-06-09 栏目：程序人生浏览：次

此刻，你可以疯狂起来了。注意到你的提交文件中包括两个部分。第一部分是以 +++ 符号分隔开的。它包括了提交文档的主要数据，例如名称、时间等。在 Hugo 中，这叫做前缀。在前缀之后，才是正文。下面编辑第一个提交文件内容：

+++

title ="First Post"

date=2018-03-03T13:23:10+01:00

draft =false

tags =["Getting started"]

categories =[]

+++

HelloHugo world!Nomore excuses for having no blog or documentation now!

现在你要做的就是启动你的服务器：hugo server -D；然后打开浏览器，输入 :1313/。

用 Hugo 30 分钟搭建静态博客

20-30 分钟：调整网站

前面的工作很完美，但还有一些问题需要解决。例如，简单地命名你的站点：

终端中按下 Ctrl+C 以停止服务器。

打开 config.toml,编辑博客的名称，版权，你的姓名，社交网站等等。

当你再次启动服务器后，你会发现博客私人订制味道更浓了。不过，还少一个重要的基础内容：主菜单。快速的解决这个问题。返回 config.toml 文件，在末尾插入如下一段：

[[menu.main]]

name ="Home"#Namein the navigation bar

weight =10#The larger the weight, the more on the right this item will be

url ="/"#URL address

[[menu.main]]

name ="Posts"

weight =20

url ="/posts/"

上面这段代码添加了 Home 和 Posts 到主菜单中。你还需要一个 About 页面。这次是创建一个 .md 文件，而不是编辑 config.toml 文件：

创建 about.md 文件：hugo new about.md 。注意它是 about.md，不是 posts/about.md。该页面不是博客提交内容，所以你不想它显示到博客内容提交当中吧。

用文本编辑器打开该文件，输入如下一段：

+++

title ="About"

date=2018-03-03T13:50:49+01:00

menu ="main"#Displaythis page on the nav menu

weight ="30"#Right-most nav item

meta ="false"#Donot display tags or categories

+++

>Waves are the practice of the water.ShunryuSuzuki

当你启动你的服务器并输入：:1313/，你将会看到你的博客。（访问我 Gihub 主页上的例子）如果你想让文章的菜单栏和 Github 相似，给 themes/kiera/static/css/styles.css 打上这个补丁。