这是一个基于 Next.js 和 TailwindCSS 开发的 ServerStatus 主题
This is a ServerStatus theme developed using Next.js and TailwindCSS
已验证正常使用的 ServerStatus 数据源
The ServerStatus data source has been verified for normal use
建议使用 ServerStatus-Rust 作为数据源,展示的信息更多
Suggested to use ServerStatus-Rust as the data source, which provides more information
- 使用 Next.js 和 TailwindCSS 开发
- 响应式设计,适配桌面和移动设备
- 支持卡片和列表布局切换
- 支持多语言
- 支持精简显示模式
- 支持 CPU 占用率图表显示
- 支持基于节点和状态筛选服务器
- 支持通过环境变量设置 API 地址
- 支持深色模式和浅色模式自动/手动切换
- 支持生成一键部署命令(仅适用于 zdz/ServerStatus-Rust 实现)
- Used Next.js and TailwindCSS for development
- Responsive design, compatible with desktop and mobile devices
- Supports switching between card and list layouts
- Supports multiple languages
- Supports compact display mode
- Supports CPU usage chart display
- Supports filtering servers by node and status
- Supports setting API address through environment variables
- Supports automatic/manual switching between dark mode and light mode
- Supports generating one-click deployment commands (Only for zdz/ServerStatus-Rust)
若 ServerStatus API 地址公开访问且设置好了跨域访问(不在意地址暴露的话),可直接部署到 Vercel 平台
编译好的静态文件见 Release 页面,下载并替换掉原有主题即可,或是可以通过反向代理挂载主题
具体可见 ServerStatus#6.FAQ
If the ServerStatus API address is publicly accessible and CORS is set up (if you don't mind the address being exposed), you can deploy it directly to the Vercel platform
The compiled static files can be found in the Release page, download and replace the original theme, or you can mount the theme through reverse proxy
For details, see ServerStatus#6.FAQ
设置对应的 ServerStatus API 地址
Set the corresponding ServerStatus API address
NEXT_PUBLIC_API_BASE_URL=https://your-serverstatus-api.com控制是否隐藏一键部署功能
Control whether to hide the one-click deployment feature
# 隐藏一键部署功能
NEXT_PUBLIC_HIDE_ONE_CLICK_DEPLOY=true可以通过修改 settings.ts中的 DEFAULT_SETTINGS 来自定义默认设置
You can customize the default settings by modifying the DEFAULT_SETTINGS object in settings.ts
pnpm i
pnpm devpnpm build- 支持排序
- 添加精简显示
- 添加 CPU 图表
- 添加 i18n 支持