Hugo创意作品集主题使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00635/article/details/141732568

Hugo创意作品集主题使用教程

hugo-creative-portfolio-themePort of the creative portfolio theme to Hugo项目地址:https://gitcode.com/gh_mirrors/hu/hugo-creative-portfolio-theme

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

hugo-creative-portfolio-theme/
├── archetypes/
├── exampleSite/
├── images/
├── layouts/
├── static/
├── .gitignore
├── .travis.yml
├── LICENSE
├── README.md
├── theme.toml

archetypes/: 包含默认的内容模板文件。
exampleSite/: 包含一个示例站点，可以作为配置和使用的参考。
images/: 存放项目所需的图片资源。
layouts/: 包含主题的布局文件，定义了网站的页面结构。
static/: 存放静态文件，如CSS、JavaScript和图片等。
.gitignore: 指定Git版本控制系统忽略的文件和目录。
.travis.yml: Travis CI的配置文件。
LICENSE: 项目的许可证文件。
README.md: 项目的说明文档。
theme.toml: 主题的配置文件。

2. 项目的启动文件介绍

项目的启动文件主要是exampleSite目录下的内容，特别是config.toml文件。以下是启动文件的关键部分：

config.toml: 这是Hugo站点的配置文件，包含了站点的基本设置和主题的特定配置。

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

[params]
  style = "default"
  disqusShortname = "your-disqus-short-name"
  googleAnalytics = "UA-XXXXX-X"

3. 项目的配置文件介绍

项目的配置文件主要是config.toml，以下是一些关键配置项的介绍：

baseURL: 站点的基本URL。
languageCode: 站点的语言代码。
title: 站点的标题。
theme: 使用的主题名称。
params: 主题的参数配置。
- style: 主题的样式，可选值有default、blue、green、pink、red、sea、violet。
- disqusShortname: Disqus评论系统的短名称。
- googleAnalytics: Google Analytics的跟踪代码。