癫狂小生博客项目结构图

1. 项目整体架构图

graph TB
    A[癫狂小生的私人陋室] --> B[Hexo 6.2.0]
    A --> C[yilia-plus 主题]
    A --> D[静态站点生成]
    
    B --> E[核心功能]
    E --> E1[文章管理]
    E --> E2[分类标签]
    E --> E3[页面生成]
    E --> E4[资源处理]
    
    C --> F[主题功能]
    F --> F1[Live2D 看板娘]
    F --> F2[评论系统 Gitment]
    F --> F3[搜索功能]
    F --> F4[友链管理]
    F --> F5[音乐播放器]
    
    D --> G[部署输出]
    G --> G1[public/ 静态文件]
    G --> G2[HTML/CSS/JS]
    G --> G3[图片资源]

2. 目录结构图

graph TD
    A[blog/] --> B[_config.yml
主配置文件]
    A --> C[package.json
依赖管理]
    A --> D[source/
源码目录]
    A --> E[themes/
主题目录]
    A --> F[public/
生成目录]
    A --> G[scaffolds/
模板目录]
    
    D --> D1[_posts/
文章目录]
    D1 --> D2[it/
技术文章]
    D1 --> D3[kylin/
麒麟项目]
    D1 --> D4[live/
生活记录]
    D1 --> D5[test/
测试文章]
    
    D2 --> D2A[host/
主机相关]
    D2 --> D2B[kernel/
内核相关]
    D2 --> D2C[linux/
Linux相关]
    D2 --> D2D[server/
服务器]
    D2 --> D2E[windows/
Windows相关]
    
    E --> E1[yilia-plus/
主题文件]
    E1 --> E1A[layout/
布局模板]
    E1 --> E1B[source/
主题资源]
    E1 --> E1C[_config.yml
主题配置]
    
    F --> F1[2022/
按日期归档]
    F --> F2[lib/
静态资源]
    F --> F3[img/
图片资源]
    F --> F4[live2d_models/
看板娘模型]

3. 技术栈架构图

graph LR
    A[前端展示层] --> B[HTML/CSS/JS]
    A --> C[Live2D 动画]
    A --> D[响应式设计]
    
    E[内容管理层] --> F[Markdown 文章]
    E --> G[Hexo 生成器]
    E --> H[模板引擎 EJS]
    
    I[功能插件层] --> J[Mermaid 图表]
    I --> K[思维导图]
    I --> L[代码高亮]
    I --> M[评论系统]
    
    N[部署层] --> O[静态文件生成]
    N --> P[Git 部署]
    N --> Q[Web 服务器]
    
    B --> E
    E --> I
    I --> N

4. 文章分类结构图

mindmap
  root((文章分类))
    技术文章 (it)
      主机相关 (host)
        Docker
        Git
        Hexo
        Ubuntu
        VSCode
      内核相关 (kernel)
        CDROM
        DMA
        内存管理
        SCSI
        USB
      Linux相关 (linux)
        ACL权限
        GDB调试
        Glibc
        Kali
        LibUSB
        QEMU
      服务器 (server)
        GitLab
        Nginx
        网站搭建
      Windows
        RDP
        UsbDk
        WinDbg
    麒麟项目 (kylin)
      客户端
      调试记录
      项目文档
      工具使用
      USB相关
      用户程序
      虚拟应用
    生活记录 (live)
      菜花
      简历
      美食
      理财记录
      用户记录
      音乐
    测试 (test)
      测试文章

5. 数据流图

flowchart LR
    A[Markdown 文章] --> B[Hexo 处理]
    B --> C[模板渲染]
    C --> D[静态 HTML]
    
    E[主题资源] --> C
    F[配置文件] --> B
    G[插件处理] --> B
    
    D --> H[public/ 目录]
    H --> I[Web 服务器]
    I --> J[用户访问]
    
    K[Git 仓库] --> L[自动部署]
    L --> I

6. 功能模块图

graph TB
    A[博客系统] --> B[内容管理]
    A --> C[主题系统]
    A --> D[插件系统]
    A --> E[部署系统]
    
    B --> B1[文章编写]
    B --> B2[分类标签]
    B --> B3[页面生成]
    B --> B4[资源管理]
    
    C --> C1[布局模板]
    C --> C2[样式定制]
    C --> C3[交互功能]
    C --> C4[响应式设计]
    
    D --> D1[Mermaid 图表]
    D --> D2[思维导图]
    D --> D3[代码高亮]
    D --> D4[评论系统]
    D --> D5[搜索功能]
    
    E --> E1[静态生成]
    E --> E2[Git 部署]
    E --> E3[CDN 加速]
    E --> E4[SEO 优化]

7. 开发工作流图

flowchart TD
    A[本地开发] --> B[编写 Markdown]
    B --> C[hexo server 预览]
    C --> D{内容满意?}
    D -->|否| B
    D -->|是| E[hexo generate]
    E --> F[hexo deploy]
    F --> G[推送到 Git]
    G --> H[自动部署]
    H --> I[网站更新]
    
    J[主题定制] --> K[修改主题文件]
    K --> L[测试效果]
    L --> M{效果满意?}
    M -->|否| K
    M -->|是| E

这些结构图展示了你的博客项目的：

• 整体架构和技术栈
• 目录结构和文件组织
• 文章分类体系
• 数据流转过程
• 功能模块划分
• 开发工作流程

你可以根据需要选择查看特定的结构图，或者我可以为你生成其他类型的图表！