项目结构

447 字

Hexo二次开发文档中文文档 https://docs.kaitaku.xyz/
github链接 https://github.com/theme-shoka-x/hexo-theme-shokaX

配置文件的数据传递

theme. 主题配置文件
post.  文章头部属性
config. 配置文件
<%- __('words') %> 表示languages国际化目录中的文字

项目结构

ShokaX的目录结构(仅包含对开发重要的部分)如下:

- .github # issues模板、CI工作流等存储位置
- languages # 国际化文件储存位置
- layout # 模板储存位置
- scripts # hexo脚本储存位置
- source # 前端文件位置
- package.json # npm包json
- tsconfig.json # typescript编译配置
- .eslintrc.cjs # eslint配置
- _config.yml # hexo主题配置文件
- _images.yml # 图床配置文件

layout目录(模版目录)

采用了组件化开发,使用配置文件中的数据进行传值显示

layout
|   archive.ejs #读取config配置文件
|   category.ejs #读取config配置文件
|   index.ejs #读取config配置文件
|   layout.ejs #读取config配置文件,读取主题配置文件,评论系统,页面(如果有横幅显示)
|   page.ejs #读取config配置文件
|   post.ejs #读取config配置文件
|   tag.ejs #读取config配置文件
|
+---_partial
|   |   archive-post.ejs #归档页面
|   |   archive.ejs #归档页面中的卡片
|   |   article.ejs #文章卡片,对文章卡片渲染方式进行判断,是否有封面,是否使用详细显示 
|   |   back-to-top.ejs #回到顶部按钮
|   |   banner.ejs #顶部横幅
|   |   footer.ejs #底部栏
|   |   gauges-analytics.ejs #分析,未使用
|   |   google-analytics.ejs #分析,未使用
|   |   head.ejs #分析,未使用
|   |   mobile-nav.ejs #移动导航?
|   |   navbar.ejs #顶部导航栏
|   |   sidebar.ejs #侧边栏?
|   |
|   \---post
|           gallery.ejs #分类
|           nav.ejs #文章里面的底部的左右跳转导航
|           tag.ejs #文章卡片中的tag
|           title.ejs #文章卡片,使用girl布局等分3份
|
\---_widget #左侧栏组件
archive.ejs #左侧栏归档
category.ejs #分类
color.ejs #颜色控制
profile.ejs #介绍
recent_posts.ejs #最新文章
tag.ejs #标签