项目结构

Litos
├── .git                                  # Git版本控制目录，用于管理项目历史和协作
├── .vscode                               # VS Code工作区配置目录，用于开发设置
│   ├── extensions.json                   # 指定推荐的VS Code扩展，以获得最佳开发体验
│   ├── launch.json                       # 定义用于运行和测试应用程序的调试配置
│   ├── litos.code-snippets.json          # 自定义代码片段，用于快速创建内容和组件开发
│   └── settings.json                     # 项目特定的VS Code编辑器设置和偏好
├── plugins                               # 用于增强内容格式化的自定义Markdown插件
├── public                                # 直接提供给客户端的静态资源
│   ├── fonts                             # 用于一致排版的自定义网页字体
│   ├── hero-images                       # 博客文章头部的特色图片
│   ├── js/                               # 用于增强交互性的客户端JavaScript
│   ├── og-images                         # 用于社交媒体分享预览的Open Graph图片
│   ├── projects                          # 项目展示图片和资源
│   ├── rss                               # RSS feed相关资源
│   │   └── style.xsl                     # 用于浏览器中RSS feed渲染的XSLT样式表
│   ├── apple-touch-icon.png              # iOS主屏幕图标(180x180px)
│   ├── favicon-16x16.png                 # 浏览器标签页小图标(16x16px)
│   ├── favicon-32x32.png                 # 浏览器标签页标准图标(32x32px)
│   ├── favicon-192x192.png               # Android主屏幕图标(192x192px)
│   ├── favicon-512x512.png               # PWA图标和启动屏幕(512x512px)
│   ├── favicon-2048x2048.png             # 适用于Retina显示屏的高分辨率图标
│   ├── favicon.ico                       # 适用于传统浏览器的多尺寸图标包
│   ├── favicon.svg                       # 适用于现代浏览器的矢量图标
│   └── og-image.jpg                      # 默认社交媒体预览图片
├── scripts                               # 构建和开发自动化脚本
│   ├── optimize-images.ts                # 压缩和优化图片资源的脚本
│   └── utils.ts                          # 构建脚本的共享工具
├── src                                   # 主要源代码目录
│   ├── assets                            # 开发时使用的资源
│   │   └── images                        # 由Astro优化管道处理的图片
│   ├── components                        # 可重用的UI组件
│   │   ├── base                          # 核心UI元素和原语
│   │   ├── posts                         # 博客文章特定的组件
│   │   │   ├── card                      # 文章预览卡片和列表项
│   │   │   ├── layouts                   # 文章特定的布局变体
│   │   │   ├── toc                       # 目录组件
│   │   │   └── base                      # 共享的文章组件
│   │   └── theme                         # 主题定制组件
│   ├── content                           # 内容管理目录
│   │   ├── posts                         # 博客文章Markdown文件
│   │   └── config.ts                     # 内容模式和验证配置
│   ├── layouts                           # 页面布局模板
│   │   ├── Footer.astro                  # 全站页脚组件
│   │   ├── Header.astro                  # 全站页眉和导航
│   │   └── Layout.astro                  # 基础页面布局包装器
│   ├── lib                               # 共享工具函数和辅助工具
│   ├── pages                             # 路由定义和页面组件
│   │   ├── api                           # API路由处理程序
│   │   │   └── github.ts                 # GitHub集成API端点
│   │   ├── posts                         # 博客文章路由
│   │   │   ├── [...page].astro           # 分页文章列表
│   │   │   └── [...slug].astro           # 单个文章页面
│   │   ├── projects                      # 项目展示部分
│   │   │   └── index.astro               # 项目画廊页面
│   │   ├── tags                          # 基于标签的导航
│   │   │   ├── [tag]                     # 特定标签的文章列表
│   │   │   │   └── [...page].astro       # 分页标签结果
│   │   │   └── index.astro               # 标签云和概览
│   │   ├── 404.astro                     # 自定义错误页面
│   │   ├── index.astro                   # 网站首页
│   │   └── rss.xml.js                    # RSS feed生成脚本
│   ├── stores                            # 状态管理
│   │   └── theme.ts                      # 主题偏好和设置存储
│   ├── styles                            # 全局样式表
│   │   ├── global.css                    # 全站基础样式
│   │   ├── picture.css                   # 图片和媒体样式
│   │   └── pro.css                       # 专业/高级功能样式
│   ├── config.ts                         # 应用程序配置
│   ├── env.d.ts                          # 环境变量类型定义
│   └── types.ts                          # 全局TypeScript类型定义
├── .editorconfig                         # 跨编辑器编码风格定义
├── .env.example                          # 环境变量模板
├── .gitignore                            # 版本控制排除模式
├── .prettierignore                       # 代码格式化排除模式
├── .prettierrc                           # 代码格式化规则
├── astro.config.mjs                      # Astro框架配置
├── ec.config.mjs                         # EditorConfig设置
├── package.json                          # 项目元数据和依赖
├── pnpm-lock.yaml                        # 依赖版本锁定文件
├── README.md                             # 项目文档和设置指南
└── tsconfig.json                         # TypeScript编译器配置