hugo创建博客四步走
<div align=center><img src="http://yanxuan.nosdn.127.net/e1fa62d1bf582d032e6c7b98642e5580.png" alt="UTOOLS1587555423162.png" title="UTOOLS1587555423162.png" />
<div align=left>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)]
