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 = "主题目录名"

第三步创建/编写文章

1. 博客文件生成

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)]