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 #标签