Statusfy
made with
Vuejs
简介及使用教程
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语法编写事件
预览
可以通过开发模式预览网站,实时刷新。
构建
通过命令行构建静态网站。
部署
部署到各种主机服务,不需要昂贵的服务器成本。
示例
作者
相关项目