目录结构
Teek 的目录结构如下：
sh
packages.
├─ components # 组件目录，具体内容请看「组件布局的目录结构」
├─ config # 配置文件目录，在 `.vitepress/config.mts` 文件中引入
├─ helper # 工具类目录
├─ composables # composables 目录
├─ locale # 国际化文件目录
├─ markdown # markdown 插件目录
├─ static # 静态资源目录
├─ teek # Teek 入口文件
├─ theme-chalk # 样式目录，具体内容请看「样式布局的样式目录」helper 目录结构如下：
sh
helper.
| ├─ analytics
| | ├─ baiduAnalytics.ts # 百度统计函数
| | ├─ googleAnalytics.ts # 谷歌统计函数
| | ├─ umamiAnalytics.ts # umami 统计函数
├─ color.ts # 颜色计算函数
├─ date.ts # 日期格式化函数
├─ index.ts # 工具函数入口文件，导出了所有的工具函数
├─ is.ts # 判断类型函数，如 isString、isFunction 等
├─ types.ts # 常用的 TS 类型
├─ util.ts # 基础工具函数composables 目录结构如下：
sh
composables.
├─ index.ts # composables 入口文件，导出了所有的 composables 函数
├─ onClickOutside.ts # 监听鼠标点击外部元素函数
├─ useAnchorScroll.ts # 锚点滚动函数
├─ useBuSunZi.ts # 不蒜子访问量统计函数
├─ useClipboard.ts # 文本复制函数
├─ useDebounce.ts # 防抖函数
├─ useElementHover.ts # 监听鼠标悬停指定元素函数
├─ useEventListener.ts # 使用事件监听函数
├─ useLocale.ts # 多语言读取函数
├─ useMediaQuery.ts # 媒体查询函数，常用于获取 max-width、min-width 来判断是否为移动端
├─ useMounted.ts # 监听元素全部挂载完成函数，使用了 Vue 的 onMounted 生命周期
├─ useNamespace.ts # 命名空间函数，具体使用请看「样式布局的组件元素使用 BEM」
├─ usePopoverSize.ts # 计算 Popover 出现的位置
├─ useScopeDispose.ts # 父作用域销毁函数，概念等于 Vue 的 onUnmounted 生命周期
├─ useScrollData.ts # 数据滚动函数，用于友情链接卡片自动向下滚动
├─ useStorage.ts # 管理存储的函数，根据传入的存储类型（sessionStorage 或 localStorage）返回相应的操作函数
├─ useSwitchData.ts # 数据定时切换函数，用于 Body、Banner 的图片切换
├─ useTextTypes.ts # 文本打印函数，用于 Banner 的详细描述打印效果
├─ useThemeColor.ts # 主题色计算函数，自动根据主题色计算其他的颜色
├─ useViewTransition.ts # 切换动画效果函数，用于深色、浅色模式切换
├─ useVpRouter.ts # 绑定自定义函数到 Router 的钩子里，为了防止覆盖掉其他人已添加在 Router 钩子的逻辑，useVpRouter 不是直接覆盖，而是追加
├─ useWindowSize.ts # 窗口大小监听函数，用于实时监听窗口的 width、height
├─ useZIndex.ts # z-index 管理函数其他目录结构内容较少，从命名可以看出效果，因此暂不进行详细说明。