├── archetypes          # 命令行生成md文件的模版，hugo new posts/*.md
|   └── default.md
├── assets              # css和js资源，图片放到static/images
|   ├── js
|   └── sass
├── config/_default     # 配置
|   ├── config.yaml       # 全局配置
|   ├── languages.yaml    # 语言配置
|   ├── menus.zh.yaml     # 导航栏语言化配置
|   └── params.yaml       # 全局参数配置
├── content/zh          # md文件，也就是文章存放目录。zh文件夹下是中文的文章，en文件夹下是英文的文章
|   └── news            # 新闻列表
|   |   ├── _index.md     # 对应list.html模板渲染
|   |   └── cic_2020.md   # 新闻文章
|   ├── posts           # 技术博客列表
|   |   ├── _index.md     # 对应list.html模板渲染
|   |   └── Hugo入门.md    # 博客文章
|   └── projects        # 开源项目
|   |   └── mysql.md      # mysql开源项目内容
|   └── tags            # 分类标签
|   |   └── devops        # devops标签
|   |   |   └── _index.md   # devops内容
|   └── about.md        # 关于我们 页面
├── i18n                # 多语言翻译
|   ├── en.yaml           # 英文翻译
|   └── zh.yaml           # 中文翻译
├── layouts             # html模板
|   ├── _default
|   |   ├── baseof.html  # 基础模板，将各个局部模板拼接起来
|   |   ├── single.html  # 单页面模板，优先级最低
|   |   └── list.html
|   ├── page             # 单页面模板文件夹
|   |   └── about.html     # 关于我们页面
|   ├── partials         # 布局模板，通过{{ partial "page-header.html" . }}引用
|   |   ├── page-header.html
|   |   ├── site-header.html
|   |   ├── site-footer.html
|   |   ├── site-navigation.html
|   |   └── site-style.html
|   ├── posts            
|   |   ├── section.html   # 技术博客列表页面
|   |   └── single.html    # 技术博客详情页面
|   ├── 404.html
|   ├── index.html       # 一般定义为main，即header、main、footer布局
└── static               # 静态文件
    ├── images             # 大部分图片放在这里
    ├── css                # 可以引用外部的css和js
    └── js

brew install hugo
# or
port install hugo
# check the version
hugo version

hugo server -D

hugo new posts/my-first-post.md # 会在/content/zh/posts/目录下创建my-first-post.md文件