Hexo-Theme-Stellar 使用教程

Hexo-Theme-Stellar 使用教程

hexo-theme-stellar 内置文档系统的简约商务风Hexo主题，支持大量的标签组件和动态数据组件。 项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-stellar

一、项目目录结构及介绍

Hexo-Theme-Stellar 的目录结构如下：

.
├── _config.yml          # 主题配置文件
├── layout               # 页面布局文件夹
│   ├── _partial         # 存放局部页面的文件夹
│   └── _layout          # 存放主要页面布局的文件夹
├── source               # 存放静态资源的文件夹
│   ├── css              # 存放样式表的文件夹
│   ├── js               # 存放 JavaScript 文件的文件夹
│   └── images           # 存放图片的文件夹
├── scripts              # 存放主题脚本的文件夹
├── .gitignore           # 忽略文件列表
└── README.md            # 项目说明文件

• _config.yml：主题配置文件，用于设置主题的样式、功能等。
• layout：页面布局文件夹，包括页面结构文件和局部组件文件。
• source：静态资源文件夹，包含主题中使用的图片、CSS 和 JavaScript 文件。
• scripts：脚本文件夹，包含主题的一些自定义脚本。
• .gitignore：git 忽略文件列表，用于指定 git 不进行版本控制的文件。
• README.md：项目说明文件，介绍项目的相关信息。

二、项目的启动文件介绍

在 Hexo-Theme-Stellar 中，启动文件主要是 _config.yml，它是主题的配置文件。以下是启动文件的基本结构和说明：

# Hexo-Theme-Stellar 主题配置文件

# 基础设置
title: 你的博客名称
subtitle: 你的博客副标题
description: 你的博客描述
keywords: 你的博客关键词

# 头像设置
avatar: /images/avatar.jpg

# 社交媒体链接
social:
  GitHub: https://github.com/your-username
  # 其他社交媒体...

# 其他配置...

在 _config.yml 文件中，你可以设置博客的基本信息、头像以及社交媒体链接等。

三、项目的配置文件介绍

项目的配置文件同样是 _config.yml，它是主题的核心配置文件，用于定义主题的外观和行为。以下是一些主要配置项的介绍：

# Hexo-Theme-Stellar 主题配置文件

# 基础信息
title: 你的博客名称
subtitle: 你的博客副标题
description: 你的博客描述
keywords: 你的博客关键词

# 头像和封面
avatar: /images/avatar.jpg
cover: true # 是否显示封面

# 菜单
menu:
  主页: /
  归档: /archives
  # 其他菜单项...

# 侧边栏
sidebar: true # 是否显示侧边栏
# 侧边栏内容配置...

# 其他配置...

在 _config.yml 文件中，你可以对博客的标题、副标题、描述、关键词、头像、封面、菜单和侧边栏等进行详细的配置。确保根据你的需求进行适当的修改。

hexo-theme-stellar 内置文档系统的简约商务风Hexo主题，支持大量的标签组件和动态数据组件。 项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-stellar