Skip to content

LufsX/ServerStatus-Theme-CR

Repository files navigation

这是一个基于 Next.js 和 TailwindCSS 开发的 ServerStatus 主题

This is a ServerStatus theme developed using Next.js and TailwindCSS

简介 Description

已验证正常使用的 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

预览 Preview

在线预览 | Online Preview

特性 Features

  • 使用 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)

使用 Usage

若 ServerStatus API 地址公开访问且设置好了跨域访问(不在意地址暴露的话),可直接部署到 Vercel 平台

Deploy with 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

Deploy with Vercel


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

环境变量 Environment Variables

NEXT_PUBLIC_API_BASE_URL

设置对应的 ServerStatus API 地址


Set the corresponding ServerStatus API address

NEXT_PUBLIC_API_BASE_URL=https://your-serverstatus-api.com

NEXT_PUBLIC_HIDE_ONE_CLICK_DEPLOY

控制是否隐藏一键部署功能


Control whether to hide the one-click deployment feature

# 隐藏一键部署功能
NEXT_PUBLIC_HIDE_ONE_CLICK_DEPLOY=true

默认设置 Default Settings

可以通过修改 settings.ts中的 DEFAULT_SETTINGS 来自定义默认设置


You can customize the default settings by modifying the DEFAULT_SETTINGS object in settings.ts

其它 Other

开发 Development

pnpm i
pnpm dev

构建 Build

pnpm build

待办 To-Do

  • 支持排序
  • 添加精简显示
  • 添加 CPU 图表
  • 添加 i18n 支持

About

一个 ServerStatus 的主题,支持暗色模式 A ServerStatus theme that supports dark mode

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Contributors 3

  •  
  •  
  •  

Languages