NO IMAGE

内容原型

内容原型是用于创建内容的模板。

NO IMAGE

创建内容

内容是站点最基本,也是最核心的部分,本文将介绍内容的一些基本概念,以及如何创建内容。

NO IMAGE

于 Cloudflare Pages 部署站点

本文将详细说明如何在 Cloudflare Pages 上部署站点。

NO IMAGE

HB Blog Module v0.2.0 is released

The HB blog module v0.2.0 is released.

Now the blog’s list and single templates will be used as the default templates for other types of content.

NO IMAGE

多语言配置

配置结构一文中,我们对配置有了一个清晰的了解,接下来将介绍如何对多语言站点进行语言配置。

NO IMAGE

菜单配置

本文介绍菜单的属性和如何设置菜单。

NO IMAGE

配置结构

本文将尽量简单地介绍 Hugo 的配置结构,以便你能更好地理解文档中的配置,即使你刚刚接触 Hugo。

NO IMAGE

安装

我们提供了一个入门主题模板,以便你快速地创建一个 HB 站点。

代码块面板

代码块面板

代码块面板提供了展开代码、复制代码、代码换行和切换代码行号等功能。

NO IMAGE

返回顶部

又称回到顶部,一个用于返回顶部的按钮。

NO IMAGE

进度条

当在当前标签页和窗口打开一个新页面时,将显示进度条。

Mermaid

Mermaid

Mermaid 是一个基于 JavaScript 的图表工具,使用 Markdown 启发的文本定义和一个渲染器来创建和修改复杂的图表。

NO IMAGE

图表

HB 支持 GoAT 和 Mermaid 来渲染图表。

NO IMAGE

先决条件

在使用或开发 HB 及其模块之前,请确保你满足先决条件。 必要配置 TOML YAML JSON hugo.toml 1[build] 2 writeStats = true hugo.yaml 1build: 2 writeStats: true hugo.json 1{ 2 "build": { 3 "writeStats": true 4 } 5} 参数 build.writeStats 用于收集站点所使用到的 classes、ids 和 tags,以供 PurgeCSS 清除未使用的 CSS。 构建工具 名称 版本 描述 Hugo 用于构建站点。 Go >=1.12 用于安装 Hugo 模块。 Git - 版本控制系统。 NodeJS >=16 用于构建 JavaScript。 PostCSS CLI - 用于转变样式。 RTLCSS - 将 LTR CSS 转换为 RTL,如果你没有 RTL 网站则可选。 Autoprefixer - 解析 CSS 并在 Can I Use 规则中添加供应商前缀。 PurgeCSS - 移除未使用的 CSS。 推荐尽可能使用以上构建工具的最新版本。
NO IMAGE

简介

HB(Hugo Bootstrap)是一个模块化的框架,其构建于 Hugo 和 Bootstrap v5.3.0+ 之上。 HB 不是一个主题,而是用来建立一个主题的。 动机 我正在创建和维护一个功能丰富的主题 - Hugo Bootstrap Theme,但每个人都有其自己独特的品味,一个主题不可能满足所有人,所以为什么不将功能模块化呢?于是乎,HB 应运而生。有了 HB 和它的强大模块,创建一个全新的主题将变得更加容易。 目标 灵活性。 SEO。 友好的用户体验。
NO IMAGE

Markdown 语法指南

本文将提供一些能用于 Hugo 内容文件的 Markdown 的基础语法示例。