发布日期: 2020-07-08

Hexo-themes-matery主题目录总结

博客的目录结构如下图：

hexo-theme-matery主题目录结构

在定制个人博客过程中，颜色标记越红的文件（文件夹），代表需要修改或添加参数的频繁可能越高。
定制完成后的后期发布文章，一般只需关注/source/_post/中的内容。

目录说明

_config.yml

全局配置文件,配置主要基本参数。如网站标题、部署信息、主题选择、默认文件夹、插件设置等。

package.json

应用程序、插件的版本信息,一般不用。

node_modules

hexo基于node.js，所以会有这个文件夹，node.js里面放着各种库,对于定制我们的博客，一般用不着。

public

生成的网页文件目录。
使用hexo clean && hexo generate 命令会重新删除并重新生成文件夹。
使用hexo deploy部署到github或者gitee上的代码也就是这个文件夹中的文件。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外，开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和HTML文件会被解析并放到 public 文件夹，而其他文件会被直接拷贝过去。

_data

friends.json
定义友情链接卡片文件，通过修动此文件中对应信息，可对友情链接中的文本信息进行修改。

_post

博客文章存放的位置，所有发表的博客文章在此文件夹中。

CNAME

域名解析的地址，用于绑定域名。

404.md

404错误页面

Contact

留言页

index.md

friends

友情链接页

index.md

about

关于页面

index.md
在设定好卡片之后，可编辑文件加入内容。

source文件夹中的文件是通过hexo new page "xxx"创建出来的。index.md是页面的基本配置。似乎没什么用。

themes

主题文件夹，存放Hexo主题的文件夹，更多主题访问：Themes

hexo-theme-matery

_config.yml
主题的配置文件，配置文件中含有大量注释说明，根据注释即可知道使用方法。
与该主题相关的大多数配置都在这个文件里面。比如，配置菜单导航的名称、路径和图标、banner设置、音乐视频模板基础设置、社交链接、代码块、动效、副标题打字效果、评论插件等。
相比于根目录下的_config.yml更加详细。

languages
语言相关，一般用不到
layout
主题结构布置、布局的模板库，自定义程度较高时，此文件夹的改动也会较为频繁。
- _partial
  定义小组件的功能布局文件
- _widget
  定义小项目的功能布局文件
- 404.ejs
  404页面
- about.ejs
  “关于”页面的模板文件。
- archive.ejs
  归档页面
- categories.ejs
  分类页面
- contact.ejs
  留言板页面
- friends.ejs
  友情链接页面
- index,ejs
  首页
- post.ejs
  博客阅读页面
- tags.ejs
  标签页面
- layout.ejs
  整体功能布局文件，所有页面都会存在的功能布局文件，相当于在各种主要页面之之中都存在的某些功能，都在这个文件中。比如说，在每个页面都有的鼠标的点击效果、滚动条效果等。
source
媒体文件的存放文件夹，定义主题外观，图片更改等。自定义程度较高时，此文件夹的改动也会较为频繁。
- css
  样式文件夹：主题的各个部分的颜色，各个部件放置的位置、透明度等设置都在这个当中，主要的是对matery.css的设置。
  - matery.css
    定义整个主题的各个组件的外观、位置等
  - gitment.css
    gitment评论样式设置
  - my.css
    表情外观位置设置。
  - my-gittalk.css
    gittalk的外观设置
- favicon.png
  网站图标
- js
  外观动效文件夹
  - click_show_text.js
    点击效果动效设置
  - matery.js
    整个主题
  - search.js
    搜索引擎
- libs
  各种小部件功能实现文件
- medias
  图片文件集合，需要用到的本地图片都在这个文件夹中。
  - avatar.png
    头像
  - banner
  - comment_bg.png
    评论区图片
  - cover.png
  - featureimages
    特征图。发文章是用的图片一般在这里
  - icp.png
    看图片就知道了
    网页最下方图片
  - logo.png
    logo图标
  - reward
    支付宝微信二维码
LICENSE
许可证
README.md
主题说明，没用，移除
README_CN.md
主题说明，没用，移除