hexo+matery主题目录结构详解

Hexo

发布日期: 2020-06-21

文章字数: 910

阅读时长: 3 分

阅读次数:

我将详细介绍hexo每个文件夹和文件的作用，未来不断更新，对目录结构和文件不熟悉的可以参考

主目录

我的hexo根目录位置：C:\Users\user\Desktop\我的博客\lovelijunyi

目录部分

deploy_git，与git是git相关内容，如果无法git到仓库，需要检查git文件夹中配置
scaffolds，存放的是默认生成md文件的配置，其中post.md是默认生成文章的配置
scripts，扩展脚本目录，这里可以自定义一些javascript脚本存放的是页面加载脚本(非默认)
source，hexo源码目录，是核心目录，下面详解
themes，是主题目录，下面详解
packages，是存放看板动画模型的(非默认)
public，是通过hexo g编译出来的最终网页文件，也是部署到github上的文件，输出的静态网页内容目录
node_modules，是hexo的一些库文件

文件部分

_config.yml，是hexo的全局配置文件(核心配置文件)，一些插件安装后都需在此文件开启
CNAME，可配置个人域名
package.json，应用程序数据，指明hexo的版本等信息，类似于一般软件中的关于按钮
main.py，个人快速执行脚本(非默认)

source目录

├── _data              # 存放友链的friends.json和相册的json
├── _posts             # 所有文章就在这里
├── 404                # 404相关
├── categories         # 归档页面
├── contact            # 关于页面
├── friends            # 友联页面
├── galleries          # 相册页面
├── images             # 图片页面，其他图，懒加载图存放位置
├── media              # 多媒体
├── tags               # 标签页
├── 404.md             # 404崩溃页面
└── CANME

themes目录

hexo-theme-matery主题为例，**_config.yml是主题配置文件，非常重要**

├── languages          # 多语言
|   ├── default.yml    # 默认语言
|   └── zh-CN.yml      # 中文语言
├── layout             # 布局，根目录下的*.ejs文件是对主页，分页，存档等的控制
|   ├── _partial       # 局部的布局，此目录下的*.ejs是对头尾等局部的控制
|   └── _widget        # 小挂件的布局，页面下方小挂件的控制
├── source             # 源码
|   ├── css            # css源码 
|   |   ├── _base      # *.styl基础css
|   |   ├── _partial   # *.styl局部css
|   |   ├── fonts      # 字体
|   |   ├── images     # 图片
|   |   └── style.styl # *.styl引入需要的css源码
|   ├── fancybox       # fancybox效果源码
|   └── js             # javascript源代码
├── _config.yml        # 主题配置文件
└── README.md          # 用GitHub的都知道

layout目录

目录部分

_partial主要修改文件

bg-cover-content.ejs       # 主页背景图相关，banner图切换，打字机效果加字等
footer.ejs                  # 页脚配置
social-link.ejs            # 修改社交链接，微信，qq，微博等

文件

404.ejs                 # 404页面
about.ejs               # 关于我页面，个人简历
archive.ejs
categories.ejs
category.ejs
contact.ejs
douban.ejs                # 豆瓣插件
friends.ejs
galleries.ejs            # 自定义相册
gallery.ejs                # 自定义相册
index.ejs
layout.ejs                # 比较重要，我的天气，动态标签，鼠标点击特效等都在这开启
post.ejs
tag.ejs
tags.ejs

重点是这个layout.ejs，几乎所有自定义特效都在这个文件开启

source目录

存放主题源码

├── css            #css源码 
|   ├── gallery.css      # 相册css
|   ├── gitment.css   
|   ├── matery.css          # 主页的css相关调整，字体调整，主题色修改
|   ├── my-gitalk.css      
|   └── my.css           # hexo-filter-github-emojis
├── js                       # javascript源代码，自定义js
|   ├── click.js          # 鼠标点击特效
|   ├── crypto-js.js      # 加密相关
|   ├── cursor.js         # 雪花背景特效
|   ├── fireworks.js    # 鼠标点击烟花特效
|   └── gallery-encrypt.js          # 相册加密
├── libs         # 库文件，fancybox效果等插件需在这里打开
├── medias       # 主题内用到的背景图，图标，打赏图等都在这里
└── favicon.png            # 网页标签图