数字花园Hugo主题使用教程

1. 项目的目录结构及介绍

digital-garden-hugo-theme/
├── archetypes/
├── assets/
├── exampleSite/
├── images/
├── layouts/
├── static/
├── .gitignore
├── LICENSE
├── README.md
├── package-lock.json
├── package.json
├── tailwind.config.js
└── theme.toml

• archetypes/: 包含内容模板文件。
• assets/: 存放静态资源文件，如CSS和JavaScript。
• exampleSite/: 示例站点文件夹，包含示例内容和配置。
• images/: 存放图片文件。
• layouts/: 包含网站的布局模板。
• static/: 存放静态文件，如图片、CSS和JavaScript。
• .gitignore: Git忽略文件列表。
• LICENSE: 项目许可证文件。
• README.md: 项目说明文档。
• package-lock.json: 锁定依赖版本的文件。
• package.json: 项目依赖管理文件。
• tailwind.config.js: Tailwind CSS配置文件。
• theme.toml: 主题配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是theme.toml，它包含了主题的基本配置信息。以下是theme.toml的部分内容：

name = "Digital Garden"
license = "MIT"
licenselink = "https://github.com/apvarun/digital-garden-hugo-theme/blob/master/LICENSE"
description = "Build your own personal Digital Garden effortlessly with this Hugo theme"
homepage = "https://github.com/apvarun/digital-garden-hugo-theme"
demosite = "https://digital-garden-hugo-theme.vercel.app/"
tags = ["Hugo", "theme", "digital garden", "blog", "modern", "responsive"]
features = ["clean", "3 column", "minimal", "digital garden", "mobile", "personal", "responsive", "simple", "tailwind", "blog", "white"]
min_version = "0.121.1"

[author]
name = "Varun A P"
homepage = "https://apvarun.com"

3. 项目的配置文件介绍

项目的配置文件主要包括theme.toml和config.toml（位于exampleSite/目录下）。

theme.toml

theme.toml文件包含了主题的基本信息和配置选项，如主题名称、许可证、描述、主页、示例站点、标签、特性、最低版本要求以及作者信息。

config.toml

config.toml文件位于exampleSite/目录下，包含了站点的配置信息，如站点标题、语言、菜单、参数等。以下是config.toml的部分内容：

baseURL = "http://example.org/"
languageCode = "en-us"
title = "My New Hugo Site"
theme = "digital-garden-hugo-theme"

[params]
  description = "A personal digital garden built with Hugo"
  author = "John Doe"
  # 其他参数配置

通过这些配置文件，用户可以自定义站点的基本信息和外观。