首页
/ Hexo 主题 BlueLake 使用教程

Hexo 主题 BlueLake 使用教程

2024-08-28 14:40:40作者:何举烈Damon

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

Hexo 主题 BlueLake 的目录结构如下:

hexo-theme-BlueLake/
├── _config.yml
├── languages
│   ├── default.yml
│   └── zh-CN.yml
├── layout
│   ├── _partial
│   │   ├── footer.ejs
│   │   ├── head.ejs
│   │   ├── header.ejs
│   │   └── ...
│   ├── index.ejs
│   ├── archive.ejs
│   ├── category.ejs
│   ├── page.ejs
│   ├── post.ejs
│   └── tag.ejs
├── scripts
│   └── ...
├── source
│   ├── css
│   │   ├── _base.styl
│   │   ├── _partial
│   │   │   ├── footer.styl
│   │   │   ├── header.styl
│   │   │   └── ...
│   │   ├── style.styl
│   │   └── ...
│   ├── fonts
│   │   └── ...
│   ├── images
│   │   └── ...
│   └── js
│       └── ...
└── package.json

目录结构介绍

  • _config.yml: 主题的配置文件。
  • languages: 存放多语言配置文件。
    • default.yml: 默认语言配置。
    • zh-CN.yml: 中文语言配置。
  • layout: 存放页面布局模板文件。
    • _partial: 存放部分模板文件,如页眉、页脚等。
    • index.ejs: 首页模板。
    • archive.ejs: 归档页面模板。
    • category.ejs: 分类页面模板。
    • page.ejs: 页面模板。
    • post.ejs: 文章模板。
    • tag.ejs: 标签页面模板。
  • scripts: 存放脚本文件。
  • source: 存放静态资源文件。
    • css: 存放样式文件。
      • _base.styl: 基础样式文件。
      • _partial: 部分样式文件。
      • style.styl: 主样式文件。
    • fonts: 存放字体文件。
    • images: 存放图片文件。
    • js: 存放JavaScript文件。
  • package.json: 项目的依赖管理文件。

2. 项目的启动文件介绍

Hexo 主题 BlueLake 的启动文件主要是 _config.ymlpackage.json

_config.yml

这是主题的主要配置文件,包含了主题的各种设置,如网站标题、描述、导航菜单、社交链接等。

package.json

这是 Node.js 项目的依赖管理文件,包含了项目所需的依赖包和一些脚本命令。

3. 项目的配置文件介绍

_config.yml

_config.yml 是主题的核心配置文件,以下是一些常见的配置项:

# Site
title: 网站标题
subtitle: 网站副标题
description: 网站描述
author: 作者
language: 语言
timezone: 时区

# URL
url: 网站URL
root: 网站根路径

# Directory
source_dir: 源文件目录
public_dir: 生成文件目录
tag_dir: 标签目录
archive_dir: 归档目录
category_dir: 分类目录
code_dir: 代码目录
i18n_dir: 国际化目录
skip_render: 跳过渲染的文件

# Writing
new_post_name: 新文章的文件名格式
default_layout: 默认布局
titlecase: 标题是否转换为标题格式
external_link: 外部链接是否在新窗口打开
filename_case: 文件名大小写转换
render_drafts: 是否渲染草稿
post_asset_folder: 是否启用资源文件夹
relative_link: 是否使用相对链接
future: 是否发布未来的文章
highlight: 代码高亮设置

# Category & Tag
default_category: 默认分类
category_map: 分类映射
tag_map: 标签映射

# Date / Time format
date
热门项目推荐
相关项目推荐

项目优选

收起
Python-100-DaysPython-100-Days
Python - 100天从新手到大师
Python
611
115
HarmonyOS-ExamplesHarmonyOS-Examples
本仓将收集和展示仓颉鸿蒙应用示例代码,欢迎大家投稿,在仓颉鸿蒙社区展现你的妙趣设计!
Cangjie
286
79
mdmd
✍ WeChat Markdown Editor | 一款高度简洁的微信 Markdown 编辑器:支持 Markdown 语法、色盘取色、多图上传、一键下载文档、自定义 CSS 样式、一键重置等特性
Vue
112
25
openHiTLSopenHiTLS
旨在打造算法先进、性能卓越、高效敏捷、安全可靠的密码套件,通过轻量级、可剪裁的软件技术架构满足各行业不同场景的多样化要求,让密码技术应用更简单,同时探索后量子等先进算法创新实践,构建密码前沿技术底座!
C
60
48
RuoYi-Cloud-Vue3RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Vue
45
29
go-stockgo-stock
🦄🦄🦄AI赋能股票分析:自选股行情获取,成本盈亏展示,涨跌报警推送,市场整体/个股情绪分析,K线技术指标分析等。数据全部保留在本地。支持DeepSeek,OpenAI, Ollama,LMStudio,AnythingLLM,硅基流动,火山方舟,阿里云百炼等平台或模型。
Go
1
0
Cangjie-ExamplesCangjie-Examples
本仓将收集和展示高质量的仓颉示例代码,欢迎大家投稿,让全世界看到您的妙趣设计,也让更多人通过您的编码理解和喜爱仓颉语言。
Cangjie
205
58
MateChatMateChat
前端智能化场景解决方案UI库,轻松构建你的AI应用,我们将持续完善更新,欢迎你的使用与建议。 官网地址:https://matechat.gitcode.com
383
36
RuoYi-VueRuoYi-Vue
🎉 基于SpringBoot,Spring Security,JWT,Vue & Element 的前后端分离权限管理系统,同时提供了 Vue3 的版本
Java
182
44
frogfrog
这是一个人工生命试验项目,最终目标是创建“有自我意识表现”的模拟生命体。
Java
8
0