@lobehub/lobehub 2.0.0-next.382 → 2.0.0-next.384

package/docs/development/basic/work-with-server-side-database.zh-CN.mdx

@@ -1,10 +1,17 @@
 ---
 title: 使用服务端数据库
+description: 快速设置 LobeHub 服务端数据库，支持 Docker 和图像生成。
+tags:
+  - 服务端数据库
+  - LobeHub
+  - Docker
+  - 图像生成
+  - PostgreSQL
 ---
 
 # 使用服务端数据库
 
-LobeChat 提供了内置的客户端数据库体验。
+LobeHub 提供了内置的客户端数据库体验。
 但某些重要功能仅在服务端开发中可用。
 
 为了使用服务端数据库功能，
@@ -55,7 +62,7 @@ pnpm db:migrate
 
 ### 启动开发服务器
 
-启动 LobeChat 开发服务器：
+启动 LobeHub 开发服务器：
 
 ```bash
 pnpm dev
@@ -144,7 +151,7 @@ await fetch(uploadUrl, {
 
 运行 Docker Compose 开发环境时：
 
-- **PostgreSQL**：`postgres://postgres@localhost:5432/lobechat`
+- **PostgreSQL**：`postgres://postgres@localhost:5432/LobeHub`
 - **MinIO API**：`http://localhost:9000`
 - **MinIO 控制台**：`http://localhost:9001` (admin/CHANGE\_THIS\_PASSWORD\_IN\_PRODUCTION)
 - **应用程序**：`http://localhost:3010`

package/docs/development/internationalization/add-new-locale.mdx

@@ -1,14 +1,21 @@
 ---
 title: New Locale Guide
+description: Learn how to add Vietnamese language support in LobeHub using lobe-i18n.
+tags:
+  - LobeHub
+  - i18n
+  - language support
+  - Vietnamese
+  - localization
 ---
 
 # New Locale Guide
 
-LobeChat uses [lobe-i18n](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n) as the i18n solution, which allows for quick addition of new language support in the application.
+LobeHub uses [lobe-i18n](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n) as the i18n solution, which allows for quick addition of new language support in the application.
 
 ## Adding New Language Support
 
-To add new language internationalization support in LobeChat (for example, adding Vietnamese `vi-VN`), please follow the steps below:
+To add new language internationalization support in LobeHub (for example, adding Vietnamese `vi-VN`), please follow the steps below:
 
 ### Step 1: Update the Internationalization Configuration File
 
@@ -33,7 +40,7 @@ module.exports = {
 
 ### Step 2: Automatically Translate Language Files
 
-LobeChat uses the `lobe-i18n` tool to automatically translate language files, so manual updating of i18n files is not required.
+LobeHub uses the `lobe-i18n` tool to automatically translate language files, so manual updating of i18n files is not required.
 
 Run the following command to automatically translate and generate the Vietnamese language files:
 
@@ -47,12 +54,12 @@ This will utilize the `lobe-i18n` tool to process the language files.
 
 Once you have completed the above steps, you need to submit your changes and create a Pull Request.
 
-Ensure that you follow LobeChat's contribution guidelines and provide a necessary description to explain your changes. For example, refer to a similar previous Pull Request [#759](https://github.com/lobehub/lobe-chat/pull/759).
+Ensure that you follow LobeHub's contribution guidelines and provide a necessary description to explain your changes. For example, refer to a similar previous Pull Request [#759](https://github.com/lobehub/lobe-chat/pull/759).
 
 ### Additional Information
 
 - After submitting your Pull Request, please patiently wait for the project maintainers to review it.
-- If you encounter any issues, you can reach out to the LobeChat community for assistance.
+- If you encounter any issues, you can reach out to the LobeHub community for assistance.
 - For more accurate results, ensure that your Pull Request is based on the latest main branch and stays in sync with the main branch.
 
-By following the above steps, you can successfully add new language support to LobeChat and ensure that the application provides a localized experience for more users.
+By following the above steps, you can successfully add new language support to LobeHub and ensure that the application provides a localized experience for more users.

package/docs/development/internationalization/add-new-locale.zh-CN.mdx

@@ -1,14 +1,21 @@
 ---
 title: 新语种添加指南
+description: 学习如何在 LobeHub 中添加新的语言支持，提升用户体验。
+tags:
+  - LobeHub
+  - 国际化
+  - 语言支持
+  - lobe-i18n
+  - 越南语
 ---
 
 # 新语种添加指南
 
-LobeChat 使用 [lobe-i18n](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n) 作为 i18n 解决方案，可以在应用中快速添加新的语言支持。
+LobeHub 使用 [lobe-i18n](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n) 作为 i18n 解决方案，可以在应用中快速添加新的语言支持。
 
 ## 添加新的语言支持
 
-为了在 LobeChat 中添加新的语言国际化支持，（例如添加越南语 `vi-VN`)，请按照以下步骤操作：
+为了在 LobeHub 中添加新的语言国际化支持，（例如添加越南语 `vi-VN`)，请按照以下步骤操作：
 
 ### 步骤 1: 更新国际化配置文件
 
@@ -33,7 +40,7 @@ module.exports = {
 
 ### 步骤 2: 自动翻译语言文件
 
-LobeChat 使用 `lobe-i18n` 工具来自动翻译语言文件，因此不需要手动更新 i18n 文件。
+LobeHub 使用 `lobe-i18n` 工具来自动翻译语言文件，因此不需要手动更新 i18n 文件。
 
 运行以下命令来自动翻译并生成越南语的语言文件：
 
@@ -47,12 +54,12 @@ npm run i18n
 
 一旦你完成了上述步骤，你需要提交你的更改并创建一个 Pull Request。
 
-请确保你遵循了 LobeChat 的贡献指南，并提供必要的描述来说明你的更改。例如，参考之前的类似 Pull Request [#759](https://github.com/lobehub/lobe-chat/pull/759)。
+请确保你遵循了 LobeHub 的贡献指南，并提供必要的描述来说明你的更改。例如，参考之前的类似 Pull Request [#759](https://github.com/lobehub/lobe-chat/pull/759)。
 
 ### 附加信息
 
 - 提交你的 Pull Request 后，请耐心等待项目维护人员的审查。
-- 如果遇到任何问题，可以联系 LobeChat 社区寻求帮助。
+- 如果遇到任何问题，可以联系 LobeHub 社区寻求帮助。
 - 为了更精确的结果，确保你的 Pull Request 是基于最新的主分支，并且与主分支保持同步。
 
-通过遵循上述步骤，你可以成功为 LobeChat 添加新的语言支持，并且确保应用能够为更多用户提供本地化的体验。
+通过遵循上述步骤，你可以成功为 LobeHub 添加新的语言支持，并且确保应用能够为更多用户提供本地化的体验。

package/docs/development/internationalization/internationalization-implementation.mdx

@@ -1,18 +1,27 @@
 ---
 title: Internationalization Implementation Guide
+description: >-
+  Learn how to implement internationalization in LobeHub for multilingual
+  support.
+tags:
+  - Internationalization
+  - i18next
+  - LobeHub
+  - Multilingual Support
+  - Localization
 ---
 
 # Internationalization Implementation Guide
 
-Welcome to the LobeChat Internationalization Implementation Guide. This document will guide you through understanding the internationalization mechanism of LobeChat, including file structure and how to add new languages. LobeChat uses `i18next` and `lobe-i18n` as the internationalization solution, aiming to provide users with seamless multilingual support.
+Welcome to the LobeHub Internationalization Implementation Guide. This document will guide you through understanding the internationalization mechanism of LobeHub, including file structure and how to add new languages. LobeHub uses `i18next` and `lobe-i18n` as the internationalization solution, aiming to provide users with seamless multilingual support.
 
 ## Internationalization Overview
 
-Internationalization (i18n for short) is the process of enabling an application to adapt to different languages and regions. In LobeChat, we support multiple languages and achieve dynamic language switching and content localization through the `i18next` library. Our goal is to provide a localized experience for global users.
+Internationalization (i18n for short) is the process of enabling an application to adapt to different languages and regions. In LobeHub, we support multiple languages and achieve dynamic language switching and content localization through the `i18next` library. Our goal is to provide a localized experience for global users.
 
 ## File Structure
 
-In the LobeChat project, internationalization-related files are organized as follows:
+In the LobeHub project, internationalization-related files are organized as follows:
 
 - `src/locales/default`: Contains translation files for the default development language (Chinese), which we use as Chinese.
 - `locales`: Contains folders for all supported languages, with each language folder containing the respective translation files generated by lobe-i18n.
@@ -58,14 +67,14 @@ locales
 
 ## Core Implementation Logic
 
-The internationalization core implementation logic of LobeChat is as follows:
+The internationalization core implementation logic of LobeHub is as follows:
 
 - Initialize and configure using the `i18next` library.
 - Automatically detect the user's language preference using `i18next-browser-languagedetector`.
 - Dynamically load translation resources using `i18next-resources-to-backend`.
 - Set the direction of the HTML document (LTR or RTL) based on the user's language preference.
 
-Here is a simplified pseudo code example to illustrate the core implementation logic of internationalization in LobeChat:
+Here is a simplified pseudo code example to illustrate the core implementation logic of internationalization in LobeHub:
 
 ```ts
 import i18n from 'i18next';
@@ -99,7 +108,7 @@ const createI18nInstance = (lang) => {
 };
 ```
 
-In this example, we demonstrate how to use `i18next` and related plugins to initialize internationalization settings. We dynamically import translation resources and respond to language change events to adjust the text direction of the page. This process provides LobeChat with flexible multilingual support capabilities.
+In this example, we demonstrate how to use `i18next` and related plugins to initialize internationalization settings. We dynamically import translation resources and respond to language change events to adjust the text direction of the page. This process provides LobeHub with flexible multilingual support capabilities.
 
 ## Adding Support for New Languages
 
@@ -118,4 +127,4 @@ To add support for new languages, please refer to the detailed steps in the [New
 - [i18next Official Documentation](https://www.i18next.com/)
 - [lobe-i18n Tool Description](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n)
 
-By following this guide, you can better understand and participate in the internationalization work of LobeChat, providing a seamless multilingual experience for global users.
+By following this guide, you can better understand and participate in the internationalization work of LobeHub, providing a seamless multilingual experience for global users.

package/docs/development/internationalization/internationalization-implementation.zh-CN.mdx

@@ -1,18 +1,24 @@
 ---
 title: 国际化实现指南
+description: 了解 LobeHub 的国际化机制，支持多语言体验。
+tags:
+  - 国际化
+  - LobeHub
+  - i18next
+  - 多语言支持
 ---
 
 # 国际化实现指南
 
-欢迎阅读 LobeChat 国际化实现指南。本文档将指导你了解 LobeChat 的国际化机制，包括文件结构、如何添加新语种。LobeChat 采用 `i18next` 和 `lobe-i18n` 作为国际化解决方案，旨在为用户提供流畅的多语言支持。
+欢迎阅读 LobeHub 国际化实现指南。本文档将指导你了解 LobeHub 的国际化机制，包括文件结构、如何添加新语种。LobeHub 采用 `i18next` 和 `lobe-i18n` 作为国际化解决方案，旨在为用户提供流畅的多语言支持。
 
 ## 国际化概述
 
-国际化（Internationalization，简称为 i18n）是一个让应用能够适应不同语言和地区的过程。在 LobeChat 中，我们支持多种语言，并通过 `i18next` 库来实现语言的动态切换和内容的本地化。我们的目标是让 LobeChat 能够为全球用户提供本地化的体验。
+国际化（Internationalization，简称为 i18n）是一个让应用能够适应不同语言和地区的过程。在 LobeHub 中，我们支持多种语言，并通过 `i18next` 库来实现语言的动态切换和内容的本地化。我们的目标是让 LobeHub 能够为全球用户提供本地化的体验。
 
 ## 文件结构
 
-在 LobeChat 的项目中，国际化相关的文件被组织如下：
+在 LobeHub 的项目中，国际化相关的文件被组织如下：
 
 - `src/locales/default`: 包含默认开发语言（中文）的翻译文件，我们作为中文。
 - `locales`: 包含所有支持的语言文件夹，每个语言文件夹中包含相应语言的翻译文件，这些翻译文件通过 lobe-i18n 自动生成。
@@ -58,14 +64,14 @@ locales
 
 ## 核心实现逻辑
 
-LobeChat 的国际化核心实现逻辑如下：
+LobeHub 的国际化核心实现逻辑如下：
 
 - 使用 `i18next` 库进行初始化和配置。
 - 使用 `i18next-browser-languagedetector` 自动检测用户的语言偏好。
 - 使用 `i18next-resources-to-backend` 动态加载翻译资源。
 - 根据用户的语言偏好，设置 HTML 文档的方向（LTR 或 RTL）。
 
-以下是一个简化的伪代码示例，用以说明 LobeChat 国际化的核心实现逻辑：
+以下是一个简化的伪代码示例，用以说明 LobeHub 国际化的核心实现逻辑：
 
 ```ts
 import i18n from 'i18next';
@@ -99,7 +105,7 @@ const createI18nInstance = (lang) => {
 };
 ```
 
-在这个示例中，我们展示了如何使用 `i18next` 和相关插件来初始化国际化设置。我们动态导入了翻译资源，并响应语言变化事件来调整页面的文本方向。这个过程为 LobeChat 提供了灵活的多语言支持能力。
+在这个示例中，我们展示了如何使用 `i18next` 和相关插件来初始化国际化设置。我们动态导入了翻译资源，并响应语言变化事件来调整页面的文本方向。这个过程为 LobeHub 提供了灵活的多语言支持能力。
 
 ## 添加新的语言支持
 
@@ -118,4 +124,4 @@ const createI18nInstance = (lang) => {
 - [i18next 官方文档](https://www.i18next.com/)
 - [lobe-i18n 工具说明](https://github.com/lobehub/lobe-cli-toolbox/tree/master/packages/lobe-i18n)
 
-通过遵循本指南，你可以更好地理解和参与到 LobeChat 的国际化工作中，为全球用户提供无缝的多语言体验。
+通过遵循本指南，你可以更好地理解和参与到 LobeHub 的国际化工作中，为全球用户提供无缝的多语言体验。

package/docs/development/others/lighthouse.mdx

@@ -1,5 +1,10 @@
 ---
 title: Lighthouse Reports
+description: Explore Lighthouse reports for chat and discover pages on LobeHub.
+tags:
+  - Lighthouse Reports
+  - Chat Page
+  - Discover Page
 ---
 
 # Lighthouse Reports
@@ -7,7 +12,7 @@ title: Lighthouse Reports
 ## Chat Page
 
 > **Info**\
-> [https://lobechat.com/chat](https://lobechat.com/chat)
+> [https://LobeHub.com/chat](https://LobeHub.com/chat)
 
 |                   Desktop                   |                   Mobile                   |
 | :-----------------------------------------: | :----------------------------------------: |
@@ -17,7 +22,7 @@ title: Lighthouse Reports
 ## Discover Page
 
 > **Info**\
-> [https://lobechat.com/discover](https://lobechat.com/discover)
+> [https://LobeHub.com/discover](https://LobeHub.com/discover)
 
 |                     Desktop                     |                     Mobile                     |
 | :---------------------------------------------: | :--------------------------------------------: |
@@ -25,10 +30,10 @@ title: Lighthouse Reports
 | [⚡️ Lighthouse Report][discover-desktop-report] | [⚡️ Lighthouse Report][discover-mobile-report] |
 
 [chat-desktop]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/chat/desktop/pagespeed.svg
-[chat-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/desktop/lobechat_com_chat.html
+[chat-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/desktop/LobeHub_com_chat.html
 [chat-mobile]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/chat/mobile/pagespeed.svg
-[chat-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/mobile/lobechat_com_chat.html
+[chat-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/mobile/LobeHub_com_chat.html
 [discover-desktop]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/discover/desktop/pagespeed.svg
-[discover-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/desktop/lobechat_com_discover.html
+[discover-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/desktop/LobeHub_com_discover.html
 [discover-mobile]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/discover/mobile/pagespeed.svg
-[discover-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/mobile/lobechat_com_discover.html
+[discover-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/mobile/LobeHub_com_discover.html

package/docs/development/others/lighthouse.zh-CN.mdx

@@ -1,5 +1,11 @@
 ---
 title: Lighthouse 测试报告
+description: 查看Lighthouse测试报告，了解聊天和发现页面的性能表现。
+tags:
+  - Lighthouse
+  - 测试报告
+  - 聊天页面
+  - 发现页面
 ---
 
 # Lighthouse 测试报告
@@ -7,7 +13,7 @@ title: Lighthouse 测试报告
 ## Chat 聊天页面
 
 > **Info**\
-> [https://lobechat.com/chat](https://lobechat.com/chat)
+> [https://LobeHub.com/chat](https://LobeHub.com/chat)
 
 |                   Desktop                   |                   Mobile                   |
 | :-----------------------------------------: | :----------------------------------------: |
@@ -17,7 +23,7 @@ title: Lighthouse 测试报告
 ## Discover 发现页面
 
 > **Info**\
-> [https://lobechat.com/discover](https://lobechat.com/discover)
+> [https://LobeHub.com/discover](https://LobeHub.com/discover)
 
 |                     Desktop                     |                     Mobile                     |
 | :---------------------------------------------: | :--------------------------------------------: |
@@ -25,10 +31,10 @@ title: Lighthouse 测试报告
 | [⚡️ Lighthouse Report][discover-desktop-report] | [⚡️ Lighthouse Report][discover-mobile-report] |
 
 [chat-desktop]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/chat/desktop/pagespeed.svg
-[chat-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/desktop/lobechat_com_chat.html
+[chat-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/desktop/LobeHub_com_chat.html
 [chat-mobile]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/chat/mobile/pagespeed.svg
-[chat-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/mobile/lobechat_com_chat.html
+[chat-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/chat/mobile/LobeHub_com_chat.html
 [discover-desktop]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/discover/desktop/pagespeed.svg
-[discover-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/desktop/lobechat_com_discover.html
+[discover-desktop-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/desktop/LobeHub_com_discover.html
 [discover-mobile]: https://raw.githubusercontent.com/lobehub/lobe-chat/lighthouse/lighthouse/discover/mobile/pagespeed.svg
-[discover-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/mobile/lobechat_com_discover.html
+[discover-mobile-report]: https://lobehub.github.io/lobe-chat/lighthouse/discover/mobile/LobeHub_com_discover.html

package/docs/development/start.mdx

@@ -1,14 +1,23 @@
 ---
 title: Technical Development Getting Started Guide
+description: >-
+  Explore the LobeHub development setup, technology stack, and contribution
+  guidelines.
+tags:
+  - LobeHub
+  - Next.js
+  - Development Guide
+  - Internationalization
+  - Open Source
 ---
 
 # Technical Development Getting Started Guide
 
-Welcome to the LobeChat Technical Development Getting Started Guide. LobeChat is an AI conversation application built on the Next.js framework, incorporating a range of technology stacks to achieve diverse functionalities and features. This guide will detail the main technical components of LobeChat and how to configure and use these technologies in your development environment.
+Welcome to the LobeHub Technical Development Getting Started Guide. LobeHub is an AI conversation application built on the Next.js framework, incorporating a range of technology stacks to achieve diverse functionalities and features. This guide will detail the main technical components of LobeHub and how to configure and use these technologies in your development environment.
 
 ## Basic Technology Stack
 
-The core technology stack of LobeChat is as follows:
+The core technology stack of LobeHub is as follows:
 
 - **Framework**: We chose [Next.js](https://nextjs.org/), a powerful React framework that provides key features such as server-side rendering, routing framework, and Router Handler.
 - **Component Library**: We use [Ant Design (antd)](https://ant.design/) as the basic component library, along with [lobe-ui](https://github.com/lobehub/lobe-ui) as our business component library.
@@ -21,7 +30,7 @@ The core technology stack of LobeChat is as follows:
 
 ## Folder Directory Structure
 
-The folder directory structure of LobeChat is as follows:
+The folder directory structure of LobeHub is as follows:
 
 ```bash
 src
@@ -47,7 +56,7 @@ This section outlines setting up the development environment and local developme
 
 We recommend using WebStorm as your integrated development environment (IDE).
 
-1. **Get the code**: Clone the LobeChat code repository locally:
+1. **Get the code**: Clone the LobeHub code repository locally:
 
 ```bash
 git clone https://github.com/lobehub/lobe-chat.git
@@ -74,11 +83,11 @@ bun run dev
 > \[!IMPORTANT]\
 > If you encounter the error "Could not find 'stylelint-config-recommended'" when installing dependencies with `npm`, please reinstall the dependencies using `pnpm` or `bun`.
 
-Now, you should be able to see the welcome page of LobeChat in your browser. For a detailed environment setup guide, please refer to [Development Environment Setup Guide](/docs/development/basic/setup-development).
+Now, you should be able to see the welcome page of LobeHub in your browser. For a detailed environment setup guide, please refer to [Development Environment Setup Guide](/docs/development/basic/setup-development).
 
 ## Code Style and Contribution Guide
 
-In the LobeChat project, we place great emphasis on the quality and consistency of the code. For this reason, we have established a series of code style standards and contribution processes to ensure that every developer can smoothly participate in the project. Here are the code style and contribution guidelines you need to follow as a developer.
+In the LobeHub project, we place great emphasis on the quality and consistency of the code. For this reason, we have established a series of code style standards and contribution processes to ensure that every developer can smoothly participate in the project. Here are the code style and contribution guidelines you need to follow as a developer.
 
 - **Code Style**: We use `@lobehub/lint` to unify the code style, including ESLint, Prettier, remarklint, and stylelint configurations. Please adhere to our code standards to maintain code consistency and readability.
 - **Contribution Process**: We use gitmoji and semantic release for code submission and release processes. Please use gitmoji to annotate your commit messages and ensure compliance with the semantic release standards so that our automation systems can correctly handle version control and releases.
@@ -89,7 +98,7 @@ For detailed code style and contribution guidelines, please refer to [Code Style
 
 ## Internationalization Implementation Guide
 
-LobeChat uses `i18next` and `lobe-i18n` to implement multilingual support, ensuring a global user experience.
+LobeHub uses `i18next` and `lobe-i18n` to implement multilingual support, ensuring a global user experience.
 
 Internationalization files are located in `src/locales`, containing the default language (Chinese). We generate other language JSON files automatically through `lobe-i18n`.
 
@@ -99,8 +108,8 @@ For a detailed guide on internationalization implementation, please refer to [In
 
 ## Appendix: Resources and References
 
-To support developers in better understanding and using the technology stack of LobeChat, we provide a comprehensive list of resources and references — [LobeChat Resources and References](/docs/development/basic/resources) - Visit our maintained list of resources, including tutorials, articles, and other useful links.
+To support developers in better understanding and using the technology stack of LobeHub, we provide a comprehensive list of resources and references — [LobeHub Resources and References](/docs/development/basic/resources) - Visit our maintained list of resources, including tutorials, articles, and other useful links.
 
-We encourage developers to utilize these resources to deepen their learning and enhance their skills, join community discussions through [LobeChat GitHub Discussions](https://github.com/lobehub/lobe-chat/discussions) or [Discord](https://discord.com/invite/AYFPHvv2jT), ask questions, or share your experiences.
+We encourage developers to utilize these resources to deepen their learning and enhance their skills, join community discussions through [LobeHub GitHub Discussions](https://github.com/lobehub/lobe-chat/discussions) or [Discord](https://discord.com/invite/AYFPHvv2jT), ask questions, or share your experiences.
 
 If you have any questions or need further assistance, please do not hesitate to contact us through the above channels.

package/docs/development/start.zh-CN.mdx

@@ -1,14 +1,21 @@
 ---
 title: 技术开发上手指南
+description: 了解 LobeHub 的技术栈和开发环境设置，快速上手开发。
+tags:
+  - LobeHub
+  - 技术开发
+  - Next.js
+  - 国际化
+  - 状态管理
 ---
 
 # 技术开发上手指南
 
-欢迎来到 LobeChat 技术开发上手指南。LobeChat 是一款基于 Next.js 框架构建的 AI 会话应用，它汇集了一系列的技术栈，以实现多样化的功能和特性。本指南将详细介绍 LobeChat 的主要技术组成，以及如何在你的开发环境中配置和使用这些技术。
+欢迎来到 LobeHub 技术开发上手指南。LobeHub 是一款基于 Next.js 框架构建的 AI 会话应用，它汇集了一系列的技术栈，以实现多样化的功能和特性。本指南将详细介绍 LobeHub 的主要技术组成，以及如何在你的开发环境中配置和使用这些技术。
 
 ## 基础技术栈
 
-LobeChat 的核心技术栈如下：
+LobeHub 的核心技术栈如下：
 
 - **框架**：我们选择了 [Next.js](https://nextjs.org/)，这是一款强大的 React 框架，为我们的项目提供了服务端渲染、路由框架、Router Handler 等关键功能。
 - **组件库**：我们使用了 [Ant Design (antd)](https://ant.design/) 作为基础组件库，同时引入了 [lobe-ui](https://github.com/lobehub/lobe-ui) 作为我们的业务组件库。
@@ -21,7 +28,7 @@ LobeChat 的核心技术栈如下：
 
 ## 文件夹目录架构
 
-LobeChat 的文件夹目录架构如下：
+LobeHub 的文件夹目录架构如下：
 
 ```bash
 src
@@ -47,7 +54,7 @@ src
 
 我们推荐使用 WebStorm 作为你的集成开发环境（IDE）。
 
-1. **获取代码**：克隆 LobeChat 的代码库到本地：
+1. **获取代码**：克隆 LobeHub 的代码库到本地：
 
 ```bash
 git clone https://github.com/lobehub/lobe-chat.git
@@ -74,11 +81,11 @@ bun run dev
 > \[!IMPORTANT]\
 > 如果使用`npm`安装依赖出现`Could not find "stylelint-config-recommended"`错误，请使用 `pnpm` 或者 `bun` 重新安装依赖。
 
-现在，你应该可以在浏览器中看到 LobeChat 的欢迎页面。详细的环境配置指南，请参考 [开发环境设置指南](/zh/docs/development/basic/setup-development)。
+现在，你应该可以在浏览器中看到 LobeHub 的欢迎页面。详细的环境配置指南，请参考 [开发环境设置指南](/zh/docs/development/basic/setup-development)。
 
 ## 代码风格与贡献指南
 
-在 LobeChat 项目中，我们十分重视代码的质量和一致性。为此，我们制定了一系列的代码风格规范和贡献流程，以确保每位开发者都能顺利地参与到项目中。以下是你作为开发者需要遵守的代码风格和贡献准则。
+在 LobeHub 项目中，我们十分重视代码的质量和一致性。为此，我们制定了一系列的代码风格规范和贡献流程，以确保每位开发者都能顺利地参与到项目中。以下是你作为开发者需要遵守的代码风格和贡献准则。
 
 - **代码风格**：我们使用 `@lobehub/lint` 统一代码风格，包括 ESLint、Prettier、remarklint 和 stylelint 配置。请遵守我们的代码规范，以保持代码的一致性和可读性。
 - **贡献流程**：我们采用 gitmoji 和 semantic release 作为代码提交和发布流程。请使用 gitmoji 标注您的提交信息，并确保遵循 semantic release 的规范，以便我们的自动化系统能够正确处理版本控制和发布。
@@ -89,7 +96,7 @@ bun run dev
 
 ## 国际化实现指南
 
-LobeChat 采用 `i18next` 和 `lobe-i18n` 实现多语言支持，确保用户全球化体验。
+LobeHub 采用 `i18next` 和 `lobe-i18n` 实现多语言支持，确保用户全球化体验。
 
 国际化文件位于 `src/locales`，包含默认语言（中文）。 我们会通过 `lobe-i18n` 自动生成其他的语言 JSON 文件。
 
@@ -99,8 +106,8 @@ LobeChat 采用 `i18next` 和 `lobe-i18n` 实现多语言支持，确保用户
 
 ## 附录：资源与参考
 
-为了支持开发者更好地理解和使用 LobeChat 的技术栈，我们提供了一份详尽的资源与参考列表 —— [LobeChat 资源与参考](/zh/docs/development/basic/resources) - 访问我们维护的资源列表，包括教程、文章和其他有用的链接。
+为了支持开发者更好地理解和使用 LobeHub 的技术栈，我们提供了一份详尽的资源与参考列表 —— [LobeHub 资源与参考](/zh/docs/development/basic/resources) - 访问我们维护的资源列表，包括教程、文章和其他有用的链接。
 
-我们鼓励开发者利用这些资源深入学习和提升技能，通过 [LobeChat GitHub Discussions](https://github.com/lobehub/lobe-chat/discussions) 或者 [Discord](https://discord.com/invite/AYFPHvv2jT) 加入社区讨论，提出问题或分享你的经验。
+我们鼓励开发者利用这些资源深入学习和提升技能，通过 [LobeHub GitHub Discussions](https://github.com/lobehub/lobe-chat/discussions) 或者 [Discord](https://discord.com/invite/AYFPHvv2jT) 加入社区讨论，提出问题或分享你的经验。
 
 如果你有任何疑问，或者需要进一步的帮助，请不要犹豫，请通过上述渠道与我们联系。

package/docs/development/state-management/state-management-intro.mdx

@@ -1,10 +1,18 @@
 ---
 title: Best Practices for State Management
+description: >-
+  Explore effective state management practices for LobeHub's complex data flow
+  architecture.
+tags:
+  - State Management
+  - LobeHub
+  - Data Flow
+  - Best Practices
 ---
 
 # Best Practices for State Management
 
-LobeChat differs from traditional CRUD web applications in that it involves a large amount of rich interactive capabilities. Therefore, it is crucial to design a data flow architecture that is easy to develop and maintain. This document will introduce the best practices for data flow management in LobeChat.
+LobeHub differs from traditional CRUD web applications in that it involves a large amount of rich interactive capabilities. Therefore, it is crucial to design a data flow architecture that is easy to develop and maintain. This document will introduce the best practices for data flow management in LobeHub.
 
 ## Key Concepts
 
@@ -64,10 +72,10 @@ SortableTree/store
 
 - **High Complexity**: Involves over 30 states and 20 actions, requiring modular cohesion using slices. Each slice declares its own initState, actions, reducers, and selectors.
 
-The directory structure of the previous version of SessionStore for LobeChat, with high complexity, implements a large amount of business logic. However, with the modularization of slices and the fractal architecture, it is easy to find the corresponding modules, making it easy to maintain and iterate on new features.
+The directory structure of the previous version of SessionStore for LobeHub, with high complexity, implements a large amount of business logic. However, with the modularization of slices and the fractal architecture, it is easy to find the corresponding modules, making it easy to maintain and iterate on new features.
 
 ```bash
-LobeChat SessionStore
+LobeHub SessionStore
 ├── index.ts
 ├── initialState.ts
 ├── selectors.ts
@@ -107,11 +115,11 @@ LobeChat SessionStore
 └── store.ts
 ```
 
-Based on the provided directory structure of LobeChat SessionStore, we can update the previous document and convert the examples to the implementation of LobeChat's SessionStore. The following is a portion of the updated document:
+Based on the provided directory structure of LobeHub SessionStore, we can update the previous document and convert the examples to the implementation of LobeHub's SessionStore. The following is a portion of the updated document:
 
-### Best Practices for LobeChat SessionStore Directory Structure
+### Best Practices for LobeHub SessionStore Directory Structure
 
-In the LobeChat application, session management is a complex functional module, so we use the Slice pattern to organize the data flow. Below is the directory structure of LobeChat SessionStore, where each directory and file has its specific purpose:
+In the LobeHub application, session management is a complex functional module, so we use the Slice pattern to organize the data flow. Below is the directory structure of LobeHub SessionStore, where each directory and file has its specific purpose:
 
 {/* eslint-disable no-irregular-whitespace */}
 
@@ -148,7 +156,7 @@ src/store/session
 
 ## Implementation of SessionStore
 
-In LobeChat, the SessionStore is designed as the core module for managing session state and logic. It consists of multiple Slices, with each Slice managing a relevant portion of state and logic. Below is a simplified example of the SessionStore implementation:
+In LobeHub, the SessionStore is designed as the core module for managing session state and logic. It consists of multiple Slices, with each Slice managing a relevant portion of state and logic. Below is a simplified example of the SessionStore implementation:
 
 ### store.ts
 
@@ -177,7 +185,7 @@ export const useSessionStore = createWithEqualityFn<SessionStore>()(
   persist(
     subscribeWithSelector(
       devtools(createStore, {
-        name: 'LobeChat_Session' + (isDev ? '_DEV' : ''),
+        name: 'LobeHub_Session' + (isDev ? '_DEV' : ''),
       }),
     ),
     persistOptions,
@@ -218,4 +226,4 @@ export const createSessionSlice: StateCreator<
 
 In the `action.ts` file, we define a `SessionActions` interface to describe session-related actions and implement a `useFetchSessions` function to create these actions. Then, we merge these actions with the initial state to form the session-related Slice.
 
-Through this layered and modular approach, we can ensure that LobeChat's SessionStore is clear, maintainable, and easy to extend and test.
+Through this layered and modular approach, we can ensure that LobeHub's SessionStore is clear, maintainable, and easy to extend and test.

package/docs/development/state-management/state-management-intro.zh-CN.mdx

@@ -1,10 +1,16 @@
 ---
 title: 状态管理最佳实践
+description: 探索 LobeHub 中的状态管理最佳实践，提升数据流架构的易用性与维护性。
+tags:
+  - 状态管理
+  - LobeHub
+  - 数据流
+  - 最佳实践
 ---
 
 # 状态管理最佳实践
 
-LobeChat 不同于传统 CRUD 的网页，存在大量的富交互能力，如何设计一个易于开发与易于维护的数据流架构非常重要。本篇文档将介绍 LobeChat 中的数据流管理最佳实践。
+LobeHub 不同于传统 CRUD 的网页，存在大量的富交互能力，如何设计一个易于开发与易于维护的数据流架构非常重要。本篇文档将介绍 LobeHub 中的数据流管理最佳实践。
 
 ## 概念要素
 
@@ -69,7 +75,7 @@ SortableTree/store
 下述这个数据流的目录结构是之前一版 SessionStore，具有很高的复杂度，实现了大量的业务逻辑。但借助于 slice 的模块化和分形架构的心智，我们可以很容易地找到对应的模块，新增功能与迭代都很易于维护。
 
 ```bash
-LobeChat SessionStore
+LobeHub SessionStore
 ├── index.ts
 ├── initialState.ts
 ├── selectors.ts
@@ -109,9 +115,9 @@ LobeChat SessionStore
 └── store.ts
 ```
 
-### LobeChat SessionStore 目录结构最佳实践
+### LobeHub SessionStore 目录结构最佳实践
 
-在 LobeChat 应用中，由于会话管理是一个复杂的功能模块，因此我们采用了 [slice 模式](https://github.com/pmndrs/zustand/blob/main/docs/guides/slices-pattern.md) 来组织数据流。下面是 LobeChat SessionStore 的目录结构，其中每个目录和文件都有其特定的用途：
+在 LobeHub 应用中，由于会话管理是一个复杂的功能模块，因此我们采用了 [slice 模式](https://github.com/pmndrs/zustand/blob/main/docs/guides/slices-pattern.md) 来组织数据流。下面是 LobeHub SessionStore 的目录结构，其中每个目录和文件都有其特定的用途：
 
 {/* eslint-disable no-irregular-whitespace */}
 
@@ -140,7 +146,7 @@ src/store/session
 
 ## SessionStore 的实现
 
-在 LobeChat 中，SessionStore 被设计为管理会话状态和逻辑的核心模块。它由多个 Slices 组成，每个 Slice 管理一部分相关的状态和逻辑。下面是一个简化的 SessionStore 的实现示例：
+在 LobeHub 中，SessionStore 被设计为管理会话状态和逻辑的核心模块。它由多个 Slices 组成，每个 Slice 管理一部分相关的状态和逻辑。下面是一个简化的 SessionStore 的实现示例：
 
 ### store.ts
 
@@ -169,7 +175,7 @@ export const useSessionStore = createWithEqualityFn<SessionStore>()(
   persist(
     subscribeWithSelector(
       devtools(createStore, {
-        name: 'LobeChat_Session' + (isDev ? '_DEV' : ''),
+        name: 'LobeHub_Session' + (isDev ? '_DEV' : ''),
       }),
     ),
     persistOptions,
@@ -210,4 +216,4 @@ export const createSessionSlice: StateCreator<
 
 在 `action.ts` 文件中，我们定义了一个 `SessionActions` 接口来描述会话相关的动作，并且实现了一个 `useFetchSessions` 函数来创建这些动作。然后，我们将这些动作与初始状态合并，以形成会话相关的 Slice。
 
-通过这种结构分层和模块化的方法，我们可以确保 LobeChat 的 SessionStore 是清晰、可维护的，同时也便于扩展和测试。
+通过这种结构分层和模块化的方法，我们可以确保 LobeHub 的 SessionStore 是清晰、可维护的，同时也便于扩展和测试。