【亲测免费】 Hugo 主题 Ananke 使用教程

1. 项目目录结构及介绍

gohugo-theme-ananke/
├── archetypes/
│   └── default.md
├── assets/
│   └── ananke/
│       └── css/
├── exampleSite/
│   ├── config.toml
│   ├── content/
│   ├── data/
│   ├── static/
│   └── themes/
├── i18n/
├── images/
├── layouts/
├── resources/
│   └── _gen/
│       └── assets/
│           └── css/
│               └── ananke/
├── static/
│   └── images/
├── .gitignore
├── CHANGELOG.md
├── LICENSE.md
├── README.md
├── config.yaml
├── go.mod
├── package.hugo.json
├── package.json
├── stackbit.yaml
└── theme.toml

目录结构介绍

• archetypes/: 包含默认的内容模板文件，用于生成新的内容文件。
• assets/: 存放主题所需的静态资源文件，如CSS和JavaScript文件。
• exampleSite/: 包含一个示例站点，用于展示主题的使用方法。
• i18n/: 存放国际化文件，用于支持多语言站点。
• images/: 存放主题相关的图片文件。
• layouts/: 存放主题的模板文件，定义站点的页面结构。
• resources/: 存放生成的资源文件，如CSS和JavaScript文件。
• static/: 存放静态文件，如图片、字体等。
• .gitignore: Git忽略文件列表。
• CHANGELOG.md: 项目更新日志。
• LICENSE.md: 项目许可证文件。
• README.md: 项目说明文件。
• config.yaml: 项目配置文件。
• go.mod: Go模块文件。
• package.hugo.json: Hugo包文件。
• package.json: Node.js包文件。
• stackbit.yaml: Stackbit配置文件。
• theme.toml: 主题配置文件。

2. 项目启动文件介绍

启动文件

• config.toml: 这是Hugo站点的配置文件，位于exampleSite/目录下。它包含了站点的基本配置，如站点标题、语言、菜单等。

启动步骤

1. 克隆项目到本地：

   git clone https://github.com/theNewDynamic/gohugo-theme-ananke.git
   

2. 进入项目目录：

   cd gohugo-theme-ananke
   

3. 启动Hugo服务器：

   hugo server -D
   

4. 打开浏览器，访问http://localhost:1313，即可查看站点。

3. 项目配置文件介绍

配置文件

• config.toml: 这是Hugo站点的配置文件，包含了站点的基本配置。

配置文件示例

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

[params]
  featured_image = "/images/gohugo-default-sample-hero-image.jpg"

配置项说明

• baseURL: 站点的基本URL。
• languageCode: 站点的语言代码。
• title: 站点的标题。
• theme: 使用的主题名称。
• [params]: 主题特定的参数配置，如featured_image用于设置页面的背景图片。

通过以上步骤，您可以成功安装并配置Hugo主题Ananke，并启动站点进行预览。