Statusfy
made with Vuejs

Statusfy

这是一个开源的状态页面系统。

相关问答
暂无相关问题
查看全部
简介及使用教程

Statusfy是一个简单的开源状态页系统,能让用户以最少的精力进行构建和维护。

用户可以轻松地创建一个静态生成或服务器渲染的快速网站,并部署到各种托管服务中。

Statusfy使用Vue,Nuxt.js和Tailwind CSS创建,使用Vue动态定义代表数据的接口,使用Nuxt.js快速地抽象客户端和服务器逻辑,并使用Tailwind CSS快速创建定义默认主题。

此外,系统事件是使用Markdown创建的,并且由Statusfy生成了状态页所需的所有逻辑。

用户可以从单个CLI生成最终的Web应用程序,可以根据用户的样式要求轻松配置或自定义。

特点

  • 系统自定义
  • 易定制
  • 支持Markdown
  • 事件报告
  • 渐进式Web应用程序(PWA)支持
  • 内置谷歌分析
  • 多语言支持
  • 默认主题:响应式布局轻松定制美观设计
  • SEO友好
  • 部署灵活

安装

新建一个文件夹myproject,在改目录下运行:

npx @statusfy/cli init

安装依赖

npm install #或者 yarn

创建一个新的事件:

npm run new-incident 

启动

npm run start

编译成静态

npm run generate

使用

可以使用带extra属性的Markdown语法编写事件

预览

可以通过开发模式预览网站,实时刷新。

构建

通过命令行构建静态网站。

部署

部署到各种主机服务,不需要昂贵的服务器成本。

示例

image.png

作者

相关项目

这是一个爬虫+高德地图驱动的找租房平台。
这是一个更安全的链接缩短器。
这是一个Markdown 笔记 App。
这是一个可以快速存档或删除GitHub存储库的网站程序。
这是一个为自由职业者提供工作的平台。
这是一个可嵌入页面的小部件。
这是一个提供录音记录功能的网站。