Hexo-Theme-Beantech 项目教程

Hexo-Theme-Beantech 项目教程

hexo-theme-beantech:sparkles: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan :sparkles:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-beantech

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

Hexo-Theme-Beantech 项目的目录结构如下：

hexo-theme-beantech/
├── _config.yml
├── layout/
│   ├── _partial/
│   ├── _widget/
│   ├── archive.ejs
│   ├── category.ejs
│   ├── index.ejs
│   ├── page.ejs
│   ├── post.ejs
│   └── tag.ejs
├── source/
│   ├── css/
│   ├── fonts/
│   ├── img/
│   └── js/
└── package.json

目录结构介绍：

• _config.yml: 项目的配置文件。
• layout/: 包含所有页面布局的 EJS 模板文件。
  • _partial/: 包含页面的部分模板，如页眉、页脚等。
  • _widget/: 包含侧边栏小部件的模板。
  • archive.ejs, category.ejs, index.ejs, page.ejs, post.ejs, tag.ejs: 分别是归档、分类、首页、页面、文章和标签页的模板。
• source/: 包含所有静态资源文件。
  • css/: 样式文件。
  • fonts/: 字体文件。
  • img/: 图片文件。
  • js/: JavaScript 文件。
• package.json: 项目的依赖和脚本配置文件。

2. 项目的启动文件介绍

Hexo-Theme-Beantech 项目的启动文件主要是 _config.yml 和 package.json。

_config.yml

这是 Hexo 主题的主要配置文件，包含了主题的各种设置，如站点标题、描述、作者信息、侧边栏设置、部署配置等。

package.json

这是 Node.js 项目的配置文件，包含了项目的依赖和脚本命令。常用的脚本命令有：

• npm install: 安装项目依赖。
• hexo server: 启动本地服务器，预览博客。
• hexo generate: 生成静态文件。
• hexo deploy: 部署博客到远程服务器。

3. 项目的配置文件介绍

_config.yml

这是 Hexo 主题的核心配置文件，以下是一些关键配置项的介绍：

# 站点配置
title: 你的站点标题
subtitle: 你的站点副标题
description: 你的站点描述
author: 你的名字
language: 语言
timezone: 时区

# 部署配置
deploy:
  type: git
  repo: https://github.com/<yourAccount>/<repo>
  branch: <your-branch>

# 侧边栏配置
sidebar:
  true # 是否启用侧边栏
  sidebar-about-description: "你的描述"
  sidebar-avatar: img/<你的头像路径>

# 小部件配置
widgets:
  - featured-tags
  - short-about
  - recent-posts
  - friends-blog
  - archive
  - category

其他配置

• themes/beantech/_config.yml: 主题特定的配置文件，包含了主题的各种设置，如侧边栏、小部件、评论系统等。

通过以上配置，你可以根据自己的需求定制 Hexo-Theme-Beantech 主题，使其更符合你的个人博客风格。

hexo-theme-beantech:sparkles: Ported theme of Hux Blog by Kaijun, Modified by YuHsuan :sparkles:项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-beantech