Rocky Linux 官方网站项目使用教程
1. 项目的目录结构及介绍
Rocky Linux 官方网站项目使用 Hugo 和 TailwindCSS 构建。以下是项目的目录结构及其介绍:
rockylinux.org-hugo/
├── archetypes/
│ └── default.md
├── assets/
│ └── css/
│ └── main.css
├── content/
│ └── _index.md
├── data/
├── layouts/
│ ├── _default/
│ │ ├── baseof.html
│ │ ├── list.html
│ │ └── single.html
│ ├── partials/
│ │ ├── footer.html
│ │ ├── header.html
│ │ └── main.html
│ └── index.html
├── static/
│ └── images/
├── themes/
│ └── rockylinux/
├── .gitignore
├── config.toml
├── package.json
└── README.md
目录结构介绍
- archetypes/: 包含默认的内容模板文件。
- assets/: 存放生成的 CSS 文件。
- content/: 存放网站的内容文件。
- data/: 存放数据文件。
- layouts/: 存放网站的模板文件。
- static/: 存放静态资源文件,如图片。
- themes/: 存放主题文件。
- .gitignore: Git 忽略文件。
- config.toml: 项目的配置文件。
- package.json: Node.js 项目的配置文件。
- README.md: 项目说明文件。
2. 项目的启动文件介绍
项目的启动文件主要是 config.toml
和 package.json
。
config.toml
config.toml
是 Hugo 项目的配置文件,包含了网站的基本配置信息,如网站标题、语言、主题等。
baseURL = "http://example.org/"
languageCode = "en-us"
title = "Rocky Linux"
theme = "rockylinux"
package.json
package.json
是 Node.js 项目的配置文件,包含了项目的依赖信息和脚本命令。
{
"name": "rockylinux.org-hugo",
"version": "1.0.0",
"description": "The official website of the Rocky Linux Project",
"scripts": {
"start": "hugo server",
"build": "hugo"
},
"dependencies": {
"hugo": "^0.80.0"
}
}
3. 项目的配置文件介绍
项目的配置文件主要是 config.toml
。
config.toml 详细介绍
config.toml
文件包含了网站的各种配置选项,以下是一些常见的配置项:
baseURL = "http://example.org/"
languageCode = "en-us"
title = "Rocky Linux"
theme = "rockylinux"
[params]
description = "The official website of the Rocky Linux Project"
author = "Rocky Linux Team"
[taxonomies]
tag = "tags"
category = "categories"
- baseURL: 网站的基础 URL。
- languageCode: 网站的语言代码。
- title: 网站的标题。
- theme: 网站使用的主题。
- params: 包含一些自定义参数,如网站描述和作者信息。
- taxonomies: 定义网站的分类和标签。
通过以上配置,可以灵活地调整网站的各项设置。