docs: update README layout and content

README.md

@@ -1,13 +1,13 @@
-<div style="text-align: center;">
-    <img src="View/public/logo.png" alt="Foxel Logo" width="150">
-    <h2>Foxel - 智能图像检索与管理系统</h2>
-    <p>
-        <a href="#-核心功能"><img src="https://img.shields.io/badge/核心功能-Features-blue?style=for-the-badge" alt="核心功能"></a>
-        <a href="#-部署指南"><img src="https://img.shields.io/badge/部署-Deploy-orange?style=for-the-badge" alt="部署"></a>
-        <a href="#-使用方法"><img src="https://img.shields.io/badge/使用-Usage-green?style=for-the-badge" alt="使用"></a>
-        <a href="#-贡献指南"><img src="https://img.shields.io/badge/贡献-Contribute-brightgreen?style=for-the-badge" alt="贡献"></a>
-    </p>
-</div>
+<p align="center">
+    <img src="View/public/logo.png" alt="Foxel Logo" width="150"><br>
+    <strong>Foxel - 智能图像检索与管理系统</strong>
+</p>
+<p align="center">
+    <a href="#-核心功能"><img src="https://img.shields.io/badge/核心功能-Features-blue?style=for-the-badge" alt="核心功能"></a>
+    <a href="#-部署指南"><img src="https://img.shields.io/badge/部署-Deploy-orange?style=for-the-badge" alt="部署"></a>
+    <a href="#-使用方法"><img src="https://img.shields.io/badge/使用-Usage-green?style=for-the-badge" alt="使用"></a>
+    <a href="#-贡献指南"><img src="https://img.shields.io/badge/贡献-Contribute-brightgreen?style=for-the-badge" alt="贡献"></a>
+</p>
 
 <p style="text-align: center;">
     <strong>Foxel</strong> 是一个基于 <strong>.NET 9</strong> 开发的现代化智能图像检索与管理系统，集成先进的 <strong>AI 视觉模型</strong> 和 <strong>向量嵌入技术</strong>，提供高效的图像搜索与管理功能。
@@ -17,13 +17,31 @@
 
 ## ✨ 核心功能
 
-|          🤖 智能图像检索           |          🗂️ 图像管理           |           🖼️ 图床功能           |
-|:----------------------------:|:---------------------------:|:----------------------------:|
-| 基于 AI 的图像内容检索与相似度匹配，快速定位目标图片 | 支持图片分类、标签管理、批量操作，多分辨率与格式化处理 | 图片上传、存储与分享，支持多种链接格式，访问权限灵活控制 |
+<table>
+    <tr>
+        <th width="33%">🤖 智能图像检索</th>
+        <th width="33%">🗂️ 图像管理</th>
+        <th width="33%">🖼️ 图床功能</th>
+    </tr>
+    <tr>
+        <td>基于 AI 的图像内容检索与相似度匹配，快速定位目标图片</td>
+        <td>支持图片分类、标签管理、批量操作，多分辨率与格式化处理</td>
+        <td>图片上传、存储与分享，支持多种链接格式，访问权限灵活控制</td>
+    </tr>
+</table>
 
-|    👥 多用户支持     | 💬 轻社交功能 |           🔗 第三方登录           |
-|:---------------:|:--------:|:----------------------------:|
-| 用户注册、登录、权限与分组管理 | 点赞、评论、分享 | 支持 GitHub、LinuxDo 等第三方账号快捷登录 |
+<table>
+    <tr>
+        <th width="33%">👥 多用户支持</th>
+        <th width="33%">💬 轻社交功能</th>
+        <th width="33%">🔗 第三方登录</th>
+    </tr>
+    <tr>
+        <td>用户注册、登录、权限与分组管理</td>
+        <td>点赞、评论、分享</td>
+        <td>支持 GitHub、LinuxDo 等第三方账号快捷登录</td>
+    </tr>
+</table>
 
 ---
 
@@ -49,7 +67,7 @@
 
 3. **访问服务**
 
-   打开浏览器访问 [http://localhost](http://localhost) 即可使用 Foxel。
+   打开浏览器访问您的域名或者IP 即可使用 Foxel。
 
 > 如需自定义数据库等配置，可通过修改 `Dockerfile` 或挂载配置文件实现。
 
@@ -72,6 +90,8 @@
 
 ---
 
+> ⚠️ **注意：Foxel 目前处于早期实验阶段，数据库结构和各项功能仍在持续迭代中，未来版本可能会有较大变动。建议在生产环境使用前充分测试，并关注项目更新动态。**
+
 ## 🤝 贡献指南
 
 我们欢迎所有对 Foxel 感兴趣的开发者加入贡献，共同改进和提升这个项目。
@@ -85,7 +105,7 @@
 如有任何疑问或建议，欢迎通过 Issue 与我们联系。感谢您的贡献！
 
 ---
-<p style="text-align: center;">
+<p>
     <a href="LICENSE"><img src="https://img.shields.io/badge/License-MIT-blueviolet?style=for-the-badge" alt="MIT License"></a>
     <img src="https://img.shields.io/badge/感谢您的支持-Thanks-yellow?style=for-the-badge" alt="感谢" style="margin-left: 10px;">
 </p>