本网站使用的开源模块

在本网站的开发过程中，我使用了以下开源模块。以下是这些模块的简要说明及其 npm 链接：

依赖模块

• @mdx-js/react 用于在 React 组件中渲染 MDX 内容。

• @tailwindcss/aspect-ratio Tailwind CSS 插件，用于设置元素的宽高比。

• @tailwindcss/typography Tailwind CSS 插件，提供排版相关的实用工具类。

• autoprefixer 用于自动添加浏览器前缀，以确保 CSS 兼容性。

• embla-carousel-autoplay Embla Carousel 的自动播放插件。

• embla-carousel-react Embla Carousel 的 React 绑定。

• framer-motion React 动画库，提供流畅的动画和过渡效果。

• gatsby 用于构建快速、现代化的网站的 React 框架。

• gatsby-plugin-layout Gatsby 插件，用于设置网站的布局。

• gatsby-plugin-mdx Gatsby 插件，用于支持 MDX 文件的处理。

• gatsby-plugin-postcss Gatsby 插件，支持 PostCSS 的使用。

• gatsby-remark-autolink-headers Gatsby Remark 插件，自动为标题添加锚点链接。

• gatsby-source-filesystem Gatsby 插件，用于从文件系统中读取数据。

• gatsby-transformer-remark Gatsby 插件，用于将 Markdown 转换为 HTML。

• overlayscrollbars 用于增强滚动条的功能和外观的库。

• overlayscrollbars-react OverlayScrollbars 的 React 绑定。

• postcss 用于处理 CSS 的工具，支持各种插件和功能。

• react 用于构建用户界面的 JavaScript 库。

• react-dom 提供与 DOM 交互的功能，是 React 的核心库。

• react-scroll 提供平滑滚动和滚动监听功能的 React 组件。

• tailwindcss 实用优先的 CSS 框架，用于快速构建现代网站。

开发依赖

• @types/node Node.js 的 TypeScript 类型定义。

• @types/react React 的 TypeScript 类型定义。

• @types/react-dom React DOM 的 TypeScript 类型定义。

• @types/react-scroll React Scroll 的 TypeScript 类型定义。

• cos-nodejs-sdk-v5 腾讯云 COS 的 Node.js SDK。

• typescript TypeScript 编译器和工具链。