文件同步备份路线图

flowchart LR
%% Clouds
subgraph Clouds[Clouds]
  subgraph OneDrive[OneDrive]
    OneApps[Apps]
  end
  subgraph InfiniCloud[InfiniCloud]
    InfApps[Apps]
  end
  subgraph Github[Github]
    GitObs[Obsidian]
    GitZJI[zji.me]
  end
end
%% Phone
subgraph Phone[Phone]
  PhoObs[Obsidian]
  PhoEnpass[Enpass]
  PhoShare[ShareFolder]
end
%% Nas
subgraph Nas[Nas]
  subgraph NasApps[Apps]
    subgraph NasObs[Obsidian]
    end
    NasEnpass[Enpass]
  end
  subgraph Web[Web]
    NasZJI[zji.me]
  end
end
%% 笔记本电脑
subgraph NoteBook[Computer]
  NotObs[Obsidian]
  NotEnpass[Enpass]
  NotShare[ShareFolder]
end

%% 关系标注
%% 电脑和 Nas
NotObs <--->|Syncthing 00| NasObs

%% Nas 和 Clouds
NasObs --->|FlatNote 01| NasZJI

NasZJI --->|AutoPushGit.js 02| GitZJI
NasObs --->|AutoPushGit.js 03| GitObs

NasApps --->|GoodSync 04| OneApps
NasApps --->|GoodSync 05| InfApps

%% 电脑和手机
NotObs <--->|Syncthing 06| PhoObs
NotShare <--->|Syncthing 07| PhoShare
NotEnpass <--->|Enpass Wifi Sync 08| PhoEnpass

%% 手机和 Nas
PhoObs <--->|Syncthing 09| NasObs

%% 节点样式
style NoteBook fill:#c2ccd0,color:#FFF
style Nas fill:#88ada6,color:#FFF
style Clouds fill:#e3f9fd,color:#333
style Phone fill:#425066,color:#FFF
style Github fill:#75878a,color:#FFF

style NotObs fill:#725e82,color:#FFF
style NasObs fill:#725e82,color:#FFF
style PhoObs fill:#725e82,color:#FFF
style GitObs fill:#725e82,color:#FFF

style NotEnpass fill:#0d449b,color:#FFF
style NasEnpass fill:#0d449b,color:#FFF
style PhoEnpass fill:#0d449b,color:#FFF

style NasApps fill:#4c8dae,color:#FFF
style OneApps fill:#4c8dae,color:#FFF
style InfApps fill:#4c8dae,color:#FFF

%% Syncthing 线条
linkStyle 0 stroke:#0891d1,stroke-width:4px,color:#0891d1
linkStyle 6 stroke:#0891d1,stroke-width:4px,color:#0891d1
linkStyle 7 stroke:#0891d1,stroke-width:4px,color:#0891d1
linkStyle 9 stroke:#0891d1,stroke-width:4px,color:#0891d1

%% AutoPushGit.js 线条
linkStyle 2 stroke:#057748,stroke-width:4px,color:#057748
linkStyle 3 stroke:#057748,stroke-width:4px,color:#057748

%% GoodSync 线条
linkStyle 4 stroke:#ec513e,stroke-width:4px,color:#ec513e
linkStyle 5 stroke:#ec513e,stroke-width:4px,color:#ec513e

%% Webdav 线条
linkStyle 1 stroke:#e29c45,stroke-width:4px,color:#e29c45
linkStyle 8 stroke:#e29c45,stroke-width:4px,color:#e29c45