Hexo 主题 Ocean 使用教程

Hexo 主题 Ocean 使用教程

hexo-theme-oceanOcean is a mobile-enabled Hexo theme based on the features in Hexo's default theme landscape. 项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-ocean

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

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

hexo-theme-ocean/
├── _config.yml
├── languages/
├── layout/
├── scripts/
├── source/
└── package.json

目录结构介绍：

• _config.yml: 主题的配置文件。
• languages/: 存放多语言支持的文件。
• layout/: 存放主题的模板文件，如 index.ejs, post.ejs 等。
• scripts/: 存放自定义脚本文件。
• source/: 存放主题的静态资源，如 CSS, JavaScript, 图片等。
• package.json: 项目的依赖管理文件。

2. 项目的启动文件介绍

Hexo 主题 Ocean 的启动文件主要是 layout/ 目录下的模板文件。以下是一些关键的启动文件：

• layout/index.ejs: 首页的模板文件。
• layout/post.ejs: 文章页的模板文件。
• layout/page.ejs: 页面页的模板文件。

这些文件定义了页面的基本结构和布局，是主题的核心部分。

3. 项目的配置文件介绍

Hexo 主题 Ocean 的配置文件是 _config.yml，它包含了主题的所有配置选项。以下是一些关键的配置项：

# 基本配置
title: 网站标题
subtitle: 网站副标题
description: 网站描述
keywords: 网站关键词
author: 作者名称
language: 语言
timezone: 时区

# 导航栏配置
menu:
  Home: /
  Archives: /archives
  Categories: /categories
  Tags: /tags
  About: /about

# 侧边栏配置
sidebar:
  position: right
  display: always

# 社交链接配置
social:
  GitHub: https://github.com/your-username
  Twitter: https://twitter.com/your-username
  Email: mailto:your-email@example.com

# 其他配置
# ...

通过修改 _config.yml 文件，可以自定义主题的外观和行为。

hexo-theme-oceanOcean is a mobile-enabled Hexo theme based on the features in Hexo's default theme landscape. 项目地址:https://gitcode.com/gh_mirrors/he/hexo-theme-ocean