乐趣区

关于blog:学习HUGO-详解目录结构

HUGO 是一套模版动态化的零碎,理解其目录构造有助于创立咱们的网站零碎

目录构造

Hyde 主题为例,残缺的目录构造如下:

iChochy
├── archetypes                      内容模版目录
│   └── default.md                  模版文件
├── config.toml                     配置文件
├── content                         内容目录
├── data                            数据目录
├── layouts                         网站模版目录
├── static                          动态文件目录
└── themes                          主题目录
    └── hyde                        Hyde 主题目录
        ├── CHANGELOG.md            
        ├── LICENSE.md              
        ├── README.md
        ├── archetypes              内容模版
        │   └── default.md
        ├── go.mod
        ├── images
        │   ├── screenshot.png
        │   └── tn.png
        ├── layouts                 网站模版
        │   ├── 404.html            404 面目模版
        │   ├── _default            默认模版目录
        │   │   ├── baseof.html     根底模版
        │   │   ├── list.html       列表页面模版
        │   │   └── single.html     单页面模版
        │   ├── index.html          首页模版
        │   └── partials            模块模版目录
        │       ├── head.html       HEAD 模块模版
        │       ├── head_fonts.html
        │       ├── hook_head_end.html
        │       └── sidebar.html
        ├── static                  动态目录
        │   ├── apple-touch-icon-144-precomposed.png
        │   ├── css
        │   │   ├── hyde.css
        │   │   ├── poole.css
        │   │   ├── print.css
        │   │   └── syntax.css
        │   └── favicon.png
        └── theme.toml              主题配置文件

archetypes

内容模版目录,通过内容模版,应用 hugo new 命令创立新的内容文件

default.md 内容模版

---
title:”{{replace .Name“-”“”| title}}“date: {{.Date}}
categories: 
        - iChochy
tags: 
        - iChochy
---

应用命令:hugo new posts/iChochy.md,生成内容文件 content/posts/iChochy.md

---
title:”iChochy“date: 2020-08-10T18:13:25+08:00 
categories: 
        - iChochy 
tags: 
        - iChochy 
---

config.toml

我的项目的配置文件,列举些罕用的参数。如下:

# 根底参数,通过.Site.xxxx 获取参数
# 网站题目
title =”回顾中的今天“# 域名地址
baseURL =”https://ichochy.com/“# 主题名称
theme =”hyde“# 网站的语言代码
languageCode =”zh_CN“# 启用以将绝对 URL 变为相对 URL
canonifyURLs = false
# Hugo 生成动态站点的目录
publishDir =”docs“# 启用生成 robots.txt 文件
enableRobotsTXT = false
# 启用自动检测内容中的中文 / 日语 / 韩语,让.Summary 和.WordCount 对于 CJK 语言正确运行
hasCJKLanguage = false
# 指定.Summary 的长度
summaryLength = 70
# 默认分页数
paginate = 10
# 启用.html 后缀地址,默认 URL 为 /filename/,启用为 /filename.html
uglyurls = false

# 自定义参数,通过.Site.Params.xxxx 获取参数
[params]
  postDir =”posts“layoutReverse = false
  copyright =”iChochy“description =”码农小站,写点 Java、Swift 和感悟“# 菜单参数,通过.Site.Menus.main 获取参数
# Name 为菜单名称、Weight 为菜单排序参数、URL 为菜单名称
[Menus]
  main = [{Name =”Categories“, Weight = 1, URL =”/categories/“},
      {Name =”Tags“, Weight = 2, URL =”/tags/“},
      {Name =”Links“, Weight = 3, URL =”/links/“},
      {Name =”About“, Weight = 4, URL =”/about/“},
      {Name =”Feedback“, Weight = 5, URL =”/feedback/“}
  ]

content

内容目录,网站的 MD 源文件,通过对应的模版生成动态文件

data

数据目录,存储构造数据,能够用 YAMLJSONTOML格局编写数据文件,可用 .Site.Data.xxxx 的形式来获取数据

layouts

模版目录,以 .html 文件模式存储模板,这些模板指定如何将内容目录中的源文件出现到动态网站中
模版包含:主页模版、单页模板、列表模版、分类模版、模块模版等

static

动态文件目录,存储所有动态内容,如:Image,CSS,JavaScript 等
当 Hugo 建设您的网站时,动态目录内的所有文件均按原样复制生成,可有来存储效验文件、CNAME文件等

相干文章

  • 收费创立属于本人的博客,Hugo+Github Pages 2020/08/02

  • jekyll-admin 的搭建和应用 2019/09/25

  • 减速你的博客永无止境 - 七牛云存储 2019/03/08

  • 减速你的博客永无止境 - 七牛云 CDN2019/03/06

源文:https://ichochy.com/posts/20200810.html


请记得点赞哦!

退出移动版