使用hugo构建静态站点
Page content
使用hugo构建静态站点
hugo 安装
在 mac 中使用 brew 安装即可;
在 windows 中可以使用 chocolatery 来安装 hugo 和 hugo extend;
也可以直接在 hugo 项目 release中下载二进制包直接使用;
hugo 打包项目
在项目下使用 hugo 命令完成编译打包,输出内容进行静态部署就可以了;
通过在 config.toml 中增加 publishDir = “docs” 指定输出到 docs 目录中,github pages 配置识别 docs 目录;如果不指定的情况下,默认输出到 public 目录;配置需注意引号;
hugo or hugo-extend
hugo-extend额外支持了SASS/SCSS,这个能力是有些主题所依赖的,目前可以在没有特殊情况时,均使用extend里面的可执行文件hugo命令来执行。
使用技巧
_index.md
内部需要有基础内容,作为每个目录的默认页
文件头
文件使用如下格式开头,用于 hugo 识别内容信息
---
title: "使用hugo构建内容输出的静态站点"
date: 2022-06-27
lastmod: 2018-12-08T15:26:15Z # 最近修改
publishdate: 2018-11-23T15:26:15Z # 发布时间
summary: "当前项目的 hugo 使用总结"
tags: []
featured_image: "" #应该是题图
images:
- images/pexels-photo-196666.jpeg #图片?
draft: false # true or false,告知是否是草稿?是否需要发布?
weight: 20 # 展示权重
TableOfContents: true # 展示ToC
featured_image: ""
---
主题
主题均放在项目根目录的 themes 文件夹下;
不同主题有不同使用方法,要注意主题的说明文档;
目录结构
每个目录下的_index.md,带有的title,可以在后续文章上呈现。
待解决 TODOList
首页最近文档
目前始终未对齐最新文档,看起来局限在了某个目录下。