hugo博客html创建目录,hugo创建博客四步走

hugo创建博客四步走

hugo创建博客并不难, 通常只需要简单的4步就可以完成. 前提是你的系统里面已经安装好了hugo.

第一步创建网站

hugo new site (路径/)站点名 # 如: hugo new site myblog

[图片上传失败...(image-e0370c-1587654811614)]

我们来查看刚刚hugo生成的文件目录

[图片上传失败...(image-b76c64-1587654811614)]

其中：

config.toml : 网站的配置文件.

content : 文章存放区.

themes : 网站主题存放区.

stattic : 静态资源存放区

第二步选择主题

hugo主题社区开放有很多免费的主题供我们选择, 大家可以选择一个自己喜欢的主题。

[图片上传失败...(image-f88a83-1587654811614)]

下载后保存在themes目录下面.

通过命令行的方式使用主题: hugo -t 主题目录名

通过在config.toml配置使用: theme = "主题目录名"

第三步创建/编写文章

博客文件生成

hugo new [路径]文章名.md

hugo new会创建包含默认元数据的文章，如果没有路径, 文章会保存在content目录中。

[图片上传失败...(image-f8c933-1587654811614)]

md的文章会在开始部分添加元数据,

数据格式为 yaml toml json格式如下:

+++

title = "my first blog"

date = "2019-10-28T09:38:35+08:00"

draft = true

+++

markdownz正文部分>>>

PS:

draft=true表示文章默认为草稿

draft=false 才能识别非草稿

第四步生成网站

hugo -d 目标路径

不指定目标路径, 会默认在public目录下生成可部署的网站.

我们通过hugo server -D本地生成网站预览. 他会监控页面的更改, 并刷新页面.

直接上效果图

直接上图

[图片上传失败...(image-5a36e-1587654811614)]