Raditian Free Hugo Theme 使用教程

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

raditian-free-hugo-theme/
├── archetypes/
│   └── default.md
├── assets/
│   ├── css/
│   ├── js/
│   └── scss/
├── content/
│   ├── about/
│   ├── blog/
│   └── contact/
├── data/
├── layouts/
│   ├── _default/
│   ├── partials/
│   └── shortcodes/
├── static/
│   ├── images/
│   └── favicon.ico
├── themes/
│   └── raditian-free-hugo-theme/
├── config.toml
└── README.md

目录结构介绍

• archetypes/: 包含默认的内容模板文件。
• assets/: 存放项目的静态资源，如CSS、JavaScript和SCSS文件。
• content/: 存放网站的内容文件，如关于页面、博客文章和联系页面。
• data/: 存放项目的数据文件。
• layouts/: 存放网站的布局文件，包括默认布局、部分布局和短代码。
• static/: 存放静态文件，如图片和favicon。
• themes/: 存放主题文件，这里是raditian-free-hugo-theme主题。
• config.toml: 项目的配置文件。
• README.md: 项目的说明文件。

2. 项目的启动文件介绍

项目的启动文件主要是config.toml和layouts/目录下的文件。

config.toml

这是Hugo项目的配置文件，包含了网站的基本配置信息，如网站标题、语言、主题等。

layouts/

• _default/: 包含默认的布局文件，如baseof.html、list.html和single.html。
• partials/: 包含部分布局文件，如页眉、页脚等。
• shortcodes/: 包含短代码文件，用于在内容中插入动态内容。

3. 项目的配置文件介绍

config.toml

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

[params]
  description = "A personal website theme"
  author = "Your Name"
  socialLinks = [
    { name = "Twitter", url = "https://twitter.com/yourname" },
    { name = "GitHub", url = "https://github.com/yourname" }
  ]

配置文件介绍

• baseURL: 网站的基本URL。
• languageCode: 网站的语言代码。
• title: 网站的标题。
• theme: 使用的主题名称。
• params: 包含网站的参数配置，如描述、作者和社交链接。

通过以上配置，您可以自定义您的个人网站，并使用raditian-free-hugo-theme主题进行展示。