Hexo 主题 Sagiri 使用教程-优快云博客

本文链接：https://blog.youkuaiyun.com/gitblog_00009/article/details/139081609

Hexo 主题 Sagiri 使用教程

hexo-theme-sagiri :cake: As lovely as sagiri 项目地址: https://gitcode.com/gh_mirrors/he/hexo-theme-sagiri

1. 项目目录结构及介绍

Hexo 主题 Sagiri 的目录结构如下：

hexo-theme-sagiri/
├── _config.yml
├── layout/
├── scripts/
├── source/
├── src/
├── .bowerrc
├── .editorconfig
├── .gitattributes
├── .gitignore
├── .hound.yml
├── .javascript_ignore
├── .jshintrc
├── .stylintrc
├── LICENSE
├── README.md
├── package.json
├── webpack.config.js
└── yarn.lock

目录结构介绍

_config.yml: 主题的配置文件，包含主题的各种设置。
layout/: 存放主题的模板文件，定义了页面的布局结构。
scripts/: 存放主题的脚本文件，用于处理一些自定义逻辑。
source/: 存放主题的静态资源文件，如 CSS、JavaScript、图片等。
src/: 存放主题的源代码文件，通常是一些需要编译的文件。
.bowerrc: Bower 的配置文件。
.editorconfig: 编辑器的配置文件，用于统一代码风格。
.gitattributes: Git 的属性配置文件。
.gitignore: Git 的忽略文件配置。
.hound.yml: Hound CI 的配置文件。
.javascript_ignore: JavaScript 的忽略文件配置。
.jshintrc: JSHint 的配置文件。
.stylintrc: Stylus 的配置文件。
LICENSE: 项目的开源许可证文件。
README.md: 项目的说明文档。
package.json: Node.js 项目的配置文件，包含项目的依赖和脚本。
webpack.config.js: Webpack 的配置文件，用于打包和构建项目。
yarn.lock: Yarn 的锁定文件，用于确保依赖版本的一致性。

2. 项目启动文件介绍

Hexo 主题 Sagiri 的启动文件主要是 package.json 中的脚本部分。通常，Hexo 项目的启动命令如下：

{
  "scripts": {
    "start": "hexo server",
    "build": "hexo generate",
    "clean": "hexo clean"
  }
}

启动文件介绍

start: 启动 Hexo 的本地服务器，用于预览网站。
build: 生成静态网站文件，通常用于部署。
clean: 清除生成的静态文件和缓存。

3. 项目配置文件介绍

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

# 网站标题
title: 我的博客

# 网站副标题
subtitle: 记录生活，分享技术

# 网站描述
description: 这是一个关于技术、生活和思考的博客。

# 网站的关键词
keywords: 技术, 生活, 思考

# 作者信息
author: 张三

# 语言设置
language: zh-CN

# 时区设置
timezone: Asia/Shanghai

# 主题配置
theme: sagiri

# 其他配置项...