From 91afbe54a2b97113d976d0fd313294b59ed5021f Mon Sep 17 00:00:00 2001
From: ShukeBta <272197458+ShukeBta@users.noreply.github.com>
Date: Wed, 17 Jun 2026 16:22:06 +0800
Subject: [PATCH] Polish login copy and restore README community sections

---
 README.md                   | 33 ++++++++++++++++++++++++++++++++-
 web/src/pages/LoginPage.tsx | 18 ++----------------
 2 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/README.md b/README.md
index 6df0beb..e1a4f82 100644
--- a/README.md
+++ b/README.md
@@ -15,7 +15,8 @@
   <a href="#三挡部署">三挡部署</a> ·
   <a href="#路径映射">路径映射</a> ·
   <a href="#旧-sqlite-迁移">旧 SQLite 迁移</a> ·
-  <a href="#开发构建">开发构建</a>
+  <a href="#开发构建">开发构建</a> ·
+  <a href="https://mgo.3jzs.com">在线演示</a>
 </p>
 
 <p align="center">
@@ -40,6 +41,14 @@ MediaStationGo 是一个自托管媒体管理系统，面向 NAS、小主机、
 - **多用户与权限**：管理员/普通用户、有效期、成人内容开关、设备管理、注册码和 Telegram Bot 绑定。
 - **三挡部署**：按规模选择 PostgreSQL、Redis、OpenSearch，低配 NAS 到大库检索都能覆盖。
 
+## 在线演示
+
+- 地址：[https://mgo.3jzs.com](https://mgo.3jzs.com)
+- 账号：`admin`
+- 密码：`admin123`
+
+> 演示站只用于看功能，请不要填写私人 API Key、站点 Cookie 或真实隐私信息。
+
 ## 快速开始
 
 最推荐使用 Docker Compose。默认模板不依赖 `.env`，复制后按自己的 NAS 路径改 `volumes` 和路径环境变量即可。
@@ -321,6 +330,28 @@ http://127.0.0.1:3000
 http://127.0.0.1:8080/api/health
 ```
 
+## 社区与友链
+
+- Telegram MediaStationGo交流群：<https://t.me/MediaStationGo>
+- NodeSeek：[https://www.nodeseek.com/](https://www.nodeseek.com/)
+- LINUX DO：[https://linux.do/](https://linux.do/)
+
+## 赞赏
+
+如果这个项目节省了你的时间，欢迎请作者吃桶泡面。
+
+<img width="200" height="200" alt="微信赞赏码" src="https://github.com/user-attachments/assets/d6077de5-8305-400d-8b82-470ef05d926e" />
+
+## Star History
+
+<a href="https://www.star-history.com/?repos=ShukeBta%2FMediaStationGo&type=date&legend=top-left">
+ <picture>
+   <source media="(prefers-color-scheme: dark)" srcset="https://api.star-history.com/chart?repos=ShukeBta/MediaStationGo&type=date&theme=dark&legend=top-left" />
+   <source media="(prefers-color-scheme: light)" srcset="https://api.star-history.com/chart?repos=ShukeBta/MediaStationGo&type=date&legend=top-left" />
+   <img alt="Star History Chart" src="https://api.star-history.com/chart?repos=ShukeBta/MediaStationGo&type=date&legend=top-left" />
+ </picture>
+</a>
+
 ## 许可证
 
 本项目使用 GPL-3.0 License。详见 [LICENSE](LICENSE)。
diff --git a/web/src/pages/LoginPage.tsx b/web/src/pages/LoginPage.tsx
index d151435..a800e67 100644
--- a/web/src/pages/LoginPage.tsx
+++ b/web/src/pages/LoginPage.tsx
@@ -2,7 +2,7 @@
 import { useNavigate } from 'react-router-dom'
 import { motion } from 'framer-motion'
 import toast from 'react-hot-toast'
-import { Eye, EyeOff, ArrowRight, ShieldCheck, Lock, User } from 'lucide-react'
+import { Eye, EyeOff, ArrowRight, Lock, User } from 'lucide-react'
 import { AppFooter } from '../components/AppFooter'
 import { authAPI } from '../api/auth'
 import { useAuthStore } from '../stores/auth'
@@ -74,7 +74,7 @@ export function LoginPage() {
               transition={{ delay: 0.35 }}
               className="mt-2 text-xs font-bold uppercase tracking-widest text-[#c9954a]"
             >
-              家庭媒体私有站舱
+              一站式媒体管理中心
             </motion.p>
           </div>
 
@@ -166,20 +166,6 @@ export function LoginPage() {
                 )}
               </button>
             </motion.div>
-
-            {/* Quick Helper Credentials */}
-            <motion.div
-              initial={{ opacity: 0 }}
-              animate={{ opacity: 1 }}
-              transition={{ delay: 0.55 }}
-              className="flex items-center justify-center gap-1.5 rounded-xl bg-gray-50 border border-gray-100 px-4 py-2.5 text-xs text-gray-500"
-            >
-              <ShieldCheck size={14} className="text-brand-500" />
-              <span>默认访问凭证: </span>
-              <code className="rounded-lg bg-gray-200/50 px-1.5 py-0.5 font-mono text-[#111827] font-semibold">
-                admin / admin123
-              </code>
-            </motion.div>
           </form>
         </div>
       </motion.div>