Razon Yang(16)

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 的基础语法示例。