docs/usage: add backup (#21)

* docs/usage: add backup

* docs: fix ci

* docs: some change

Author: wuhang2003

components/Icons/HistoryAlt.tsx

@@ -0,0 +1,7 @@
+import { SVGProps } from "react";
+
+export function UilHistoryAlt(props: SVGProps<SVGSVGElement>) {
+  return (
+    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11.44,2A10,10,0,0,0,4.56,4.77V3a1,1,0,0,0-2,0V7.5a1,1,0,0,0,1,1H8.06a1,1,0,0,0,0-2H5.66A8,8,0,1,1,11.44,20a1,1,0,1,0,0,2,10,10,0,1,0,0-20Zm0,6a1,1,0,0,0-1,1v3a1,1,0,0,0,1,1h2a1,1,0,0,0,0-2h-1V9A1,1,0,0,0,11.44,8Z"/></svg>
+  )
+}

pages/usage/_meta.json

@@ -8,6 +8,7 @@
   "serverless": "云函数",
   "xlog": "xLog 集成",
   "search": "Algolia Search",
+  "backup": "备份与回滚",
   "-- community": {
     "type": "separator",
     "title": "社区使用指南"

pages/usage/backup.mdx

@@ -0,0 +1,45 @@
+import { Callout } from "nextra/components";
+
+# 备份与回滚
+
+在 Mix Space 中内有备份功能，并且每日默认自动备份，数据无价请定期手动下载备份包。
+
+## 备份
+
+在后端中 其他 - 备份 中点击立即备份，即备份到绝对目录：
+
+`~/mx-space/core/data/mx-space/backup/20xx-xx-xx_xx:xx:xx/backup-20xx-xx-xx_xx:xx:xx.zip`
+
+## 自动备份
+
+目前该功能仅支持备份到腾讯云 COS，暂不支持其他云服务。当然，你也可以通过设置计划任务等方法达到和此功能一样的效果。
+
+设置入口：设定 - 系统 - 备份，填入 COS 对应参数即可。
+
+## 回滚
+
+<Callout type="error" emoji="⚠️">
+该操作涉及修改数据库，请多备份几个工作日的 backup，数据无价请谨慎操作！
+
+一般情况下回滚只会导致 analyze 数据页丢失 IP & PV 的数据。
+</Callout>
+
+<Callout type="info">
+Linux 和 macOS 可直接上传备份包，并且无需修改包名一致即可回滚，以下操作仅针对使用 Windows 用户访问后端回滚的情况。
+</Callout>
+
+在后端中 其他 - 备份 中点击立即备份，将之前在电脑里的 `backup.zip` 上传到刚刚生成的备份目录里进行重命名替换。
+
+
+例：假如刚刚生成的备份是 backup-2022-09-01_23:33:33.zip 将想进行回滚的备份包 backup-2022-01-14_05:14:19.zip 修改为刚刚生成的备份一样的名字：
+
+```bash
+mv ~/mx-space/core/data/mx-space/backup/2022-01-14_05:14:19/backup-2022-01-14_05:14:19.zip backup-2022-09-01_23:33:33.zip
+```
+
+<Callout type="warning" emoji="⚠️">
+不要在 Windows 下重命名，Windows 不支持将英文冒号作为文件名的一部分
+</Callout>
+
+替换完成会提示“数据库有变动，将在 x 秒后重载页面”，重载先检查文章评论等有没有丢失。
+

pages/usage/index.mdx

@@ -17,13 +17,15 @@ import { UilCloudDatabaseTree } from '@components/Icons/CloudDatabaseTree';
 import { UilLifeRing } from '@components/Icons/LifeRing';
 import { UilSearchAlt } from '@components/Icons/SearchAlt';
 import { UilBitcoin } from '@components/Icons/Bitcoin';
+import { UilHistoryAlt } from '@components/Icons/HistoryAlt';
 
 <Cards num={3}>
   <Card icon={<UimMasterCard />} arrow href={"/usage/macros"} title="文本宏" />
   <Card icon={<UilCloudDatabaseTree />} arrow href={"/usage/serverless"} title="云函数" />
   <Card icon={<UilLifeRing />} arrow href={"/usage/bark"} title="Bark 通知  (WIP)" />
   <Card icon={<UilSearchAlt />} arrow href={"/usage/search"} title="Algolia Search" />
   <Card icon={<UilBitcoin />} arrow href={"/usage/xlog"} title="xLog 集成" />
+  <Card icon={<UilHistoryAlt />} arrow href={"/usage/backup"} title="备份与回滚" />
 </Cards>
 
 ### 社区使用指南