Hexo 主题 GeekTutu 使用教程

滕妙奇

于 2024-09-25 08:17:34 发布

阅读量846

点赞数 18

本文链接：https://blog.csdn.net/gitblog_00212/article/details/142509784

版权

Hexo 主题 GeekTutu 使用教程

hexo-theme-geektutu 极速加载的Hexo主题，不引入第三方JS库项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-geektutu

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

hexo-theme-geektutu/
├── _config.yml
├── layout/
│   ├── _partial/
│   ├── _widget/
│   ├── index.ejs
│   ├── post.ejs
│   └── tag.ejs
├── source/
│   ├── css/
│   ├── fonts/
│   ├── images/
│   └── js/
├── languages/
│   ├── en.yml
│   └── zh-CN.yml
└── package.json

_config.yml: 主题的配置文件，包含主题的各种设置选项。
layout/: 存放主题的模板文件，包括页面布局和部分模板。
- _partial/: 存放页面的部分模板，如头部、底部等。
- _widget/: 存放小部件模板，如侧边栏、标签云等。
- index.ejs: 首页模板。
- post.ejs: 文章页面模板。
- tag.ejs: 标签页面模板。
source/: 存放主题的静态资源文件，如CSS、JavaScript、字体和图片等。
- css/: 存放主题的样式文件。
- fonts/: 存放主题使用的字体文件。
- images/: 存放主题使用的图片文件。
- js/: 存放主题的JavaScript文件。
languages/: 存放主题的多语言配置文件。
- en.yml: 英文语言配置。
- zh-CN.yml: 中文语言配置。
package.json: 主题的依赖包管理文件，包含主题的依赖和脚本。

2. 项目的启动文件介绍

Hexo 主题的启动文件主要是 _config.yml 文件。这个文件包含了主题的所有配置选项，用户可以通过修改这个文件来定制主题的外观和功能。

3. 项目的配置文件介绍

_config.yml 是 Hexo 主题的主要配置文件，包含了主题的各种设置选项。以下是一些常见的配置项：

# 网站标题
title: GeekTutu's Blog

# 网站副标题
subtitle: A simple and elegant Hexo theme

# 网站描述
description: This is a blog theme for Hexo.

# 网站作者
author: GeekTutu

# 网站语言
language: zh-CN

# 网站主题
theme: geektutu

# 导航菜单
menu:
  Home: /
  Archives: /archives
  Tags: /tags
  About: /about

# 侧边栏
sidebar: right

# 社交链接
social:
  GitHub: https://github.com/geektutu
  Twitter: https://twitter.com/geektutu

# 其他配置项...

通过修改 _config.yml 文件中的这些配置项，用户可以自定义网站的标题、描述、导航菜单、侧边栏、社交链接等。

hexo-theme-geektutu 极速加载的Hexo主题，不引入第三方JS库项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-geektutu