📝 docs: Update READEME.md

README.md

@@ -117,20 +117,23 @@ Beside these features, LobeChat also have much better basic technique undergroun
 
 ## 📸 Snapshot
 
-#### `1` Function Calling Plugin System
-
 ![](https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png)
 
+#### `1` Function Calling Plugin System
+
 By establishing a versatile plugin system, ChatGPT becomes capable of delivering real-time news updates and enhancing your ability to interact with documents and e-commerce data more effectively. This extended functionality positions ChatGPT as a valuable resource across diverse domains. If you have an interest in creating plugins, we offer comprehensive component development documentation, software development kits (SDKs), and pre-made templates in the [🧩 Plugin System](#-plugins) section below. Join us in our collective efforts to empower ChatGPT, making it both more potent and user-friendly.
 
 <https://github.com/lobehub/lobe-chat/assets/28616219/f29475a3-f346-4196-a435-41a6373ab9e2>
 
-<br/>
+<div align="right">
 
-![](https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670869-f1ffbf66-42b6-42cf-a937-9ce1f8328514.png)
+[![][back-to-top]](#readme-top)
+
+</div>
 
 #### `2` Prompt Agent Market
 
+![](https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670869-f1ffbf66-42b6-42cf-a937-9ce1f8328514.png)
 
 In our agent market. We have accumulated a large number of practical, prompt agents that have been used in daily work and study. You can also share your agents here and iterate and optimize your prompt agents with more people. You can submit your agents through [🤖/🏪 Submit Agents][submit-agents-link], and our automated i18n workflow will automatically translate your agents into multiple languages, allowing users worldwide to enjoy your wisdom.
 
@@ -147,12 +150,16 @@ In our agent market. We have accumulated a large number of practical, prompt age
 
  <!-- AGENT LIST -->
 
-<br/>
+<div align="right">
 
-#### `3` Progress Web App
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/69x6bllkX3/pwa.webp)
 
+#### `3` Progress Web App
+
 Utilize the Progressive Web Application ([PWA](https://support.google.com/chrome/answer/9658361)) technology to achieve a seamless LobeChat experience on your computer or mobile device.
 
 > \[!NOTE]
@@ -164,20 +171,36 @@ Utilize the Progressive Web Application ([PWA](https://support.google.com/chrome
 > - In the upper right corner of the address bar, click on the <kbd>Install</kbd> icon.
 > - Follow the instructions on the screen to complete the PWA Installation.
 
-<br/>
+<div align="right">
 
-#### `4` Theme Mode Selection
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/pvus1lo%26Z7/darkmode.webp)
 
+#### `4` Theme Mode Selection
+
 LobeChat offers two unique theme modes - Light Mode and Dark Mode, as well as rich color customization options to meet your personalized needs. By default, our themes will intelligently switch based on your system settings, but if you prefer manual control, you can easily switch in the settings. <br/>
 
-#### `5` Mobile Device Adaptation
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/R441AuFS4W/mobile.webp)
 
+#### `5` Mobile Device Adaptation
+
 We have carried out a series of optimization designs for mobile devices to enhance the user's mobile experience. Currently, we are iterating on the mobile user experience to achieve smoother and more intuitive interactions. If you have any suggestions or ideas, we welcome you to provide feedback through GitHub Issues or Pull Requests.
 
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
 #### `6` Visual Model Support
 
 We have support [`gpt-4-vision`](https://platform.openai.com/docs/guides/vision) model.You can just upload, drag/drop or just paste your image to chat.

README.zh-CN.md

@@ -115,18 +115,24 @@ LobeChat 是一个开源的、可扩展的（[Function Calling][fc-link]）高
 
 ## 📸 快照预览
 
-#### `1` Function Calling 插件系统
-
 ![](https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670883-33c43a5c-a512-467e-855c-fa299548cce5.png)
 
+#### `1` Function Calling 插件系统
+
 通过构建强大的插件生态，ChatGPT 不仅能够实时获取最新新闻，还能助你一臂之力，轻松查询文档、访问各大电商数据。这使得 ChatGPT 在更广泛的领域中发挥其关键作用。如果你对编写插件有所兴趣，我们在下文的 [🧩 插件体系](#-插件体系) 中提供了详尽的组件开发文档、SDK、以及样板文件，让我们一起让助手变得更加好用和强大～
 
 <https://github.com/lobehub/lobe-chat/assets/28616219/f29475a3-f346-4196-a435-41a6373ab9e2>
 
-#### `2` 助手市场
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://github-production-user-asset-6210df.s3.amazonaws.com/17870709/268670869-f1ffbf66-42b6-42cf-a937-9ce1f8328514.png)
 
+#### `2` 助手市场
+
 在我们的助手市场中，我们积累了大量实用的助手，这些都是在日常工作和学习中得到实际应用的。你也可以在这里分享你的助手，与更多的人一起迭代和优化你的助手提示词。你可以通过 [🤖/🏪 提交助手][submit-agents-link] 来提交你的助手，我们构建的自动化 i18n 工作流将会自动将你的助手翻译成多语言版本，让多语种用户都能享受到你的智慧成果。
 
 <!-- AGENT LIST -->
@@ -142,12 +148,16 @@ LobeChat 是一个开源的、可扩展的（[Function Calling][fc-link]）高
 
  <!-- AGENT LIST -->
 
-<br/>
+<div align="right">
 
-#### `3` PWA 渐进式 Web 应用
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/69x6bllkX3/pwa.webp)
 
+#### `3` PWA 渐进式 Web 应用
+
 我们利用了渐进式 Web 应用 [PWA](https://support.google.com/chrome/answer/9658361) 技术，使得您可在电脑或移动设备上实现接近原生的 LobeChat 体验。
 
 > \[!NOTE]
@@ -159,22 +169,36 @@ LobeChat 是一个开源的、可扩展的（[Function Calling][fc-link]）高
 > - 在地址栏的右上角，单击 <kbd>安装</kbd> 图标 .
 > - 根据屏幕上的指示完成 PWA 的安装 .
 
-<br/>
+<div align="right">
 
-#### `4` 主题模式选择
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/pvus1lo%26Z7/darkmode.webp)
 
+#### `4` 主题模式选择
+
 LobeChat 提供了丰富的主题模式 - 亮色 / 深色模式 与丰富的颜色定制选项，以满足您的个性化需求。默认情况下，我们的主题会智能地跟随您的系统设置进行切换，但如果您希望进行手动控制，也可以轻松在设置中进行切换。
 
-<br/>
+<div align="right">
 
-#### `5` 移动设备适配
+[![][back-to-top]](#readme-top)
+
+</div>
 
 ![](https://gw.alipayobjects.com/zos/kitchen/R441AuFS4W/mobile.webp)
 
+#### `5` 移动设备适配
+
 针对移动设备进行了一系列的优化设计，以提升用户的移动体验。目前，我们正在对移动端的用户体验进行版本迭代，以实现更加流畅和直观的交互。如果您有任何建议或想法，我们非常欢迎您通过 GitHub Issues 或者 Pull Requests 提供反馈。
 
+<div align="right">
+
+[![][back-to-top]](#readme-top)
+
+</div>
+
 #### `6` 图片识别
 
 LobeChat 已经支持 OpenAI 最新的 [`gpt-4-vsion`](https://platform.openai.com/docs/guides/vision) 支持视觉识别的模型。你可以上传图片，或者直接粘贴图片，与助手进行对话。