diff --git a/.vitepress/en.ts b/.vitepress/en.ts index 560a092..dcd7b1c 100644 --- a/.vitepress/en.ts +++ b/.vitepress/en.ts @@ -95,7 +95,8 @@ function sidebarGuideCloud(): DefaultTheme.SidebarItem[] { { text: 'What is SwanLab', link: 'general/what-is-swanlab' }, { text: 'Quick Start', link: 'general/quick-start' }, { text: 'Team Usage', link: 'general/organization' }, - { text: 'Changelog', link: 'general/changelog' } + { text: 'Changelog', link: 'general/changelog' }, + { text: '🔥 Mobile SwanLab', link: 'general/app' }, ] }, { diff --git a/.vitepress/zh.ts b/.vitepress/zh.ts index 04419c9..95a66ee 100644 --- a/.vitepress/zh.ts +++ b/.vitepress/zh.ts @@ -96,7 +96,8 @@ function sidebarGuideCloud(): DefaultTheme.SidebarItem[] { { text: '欢迎使用SwanLab', link: 'general/what-is-swanlab' }, { text: '快速开始', link: 'general/quick-start' }, { text: '团队使用', link: 'general/organization' }, - { text: '更新日志', link: 'general/changelog' } + { text: '更新日志', link: 'general/changelog' }, + { text: '🔥手机看实验', link: 'general/app' }, ] }, { diff --git a/en/guide_cloud/general/app.md b/en/guide_cloud/general/app.md new file mode 100644 index 0000000..6b58c79 --- /dev/null +++ b/en/guide_cloud/general/app.md @@ -0,0 +1,23 @@ +# Using SwanLab on Your Phone + +You must have encountered a situation where an experiment is training, but you're not near your computer—maybe you're exercising, commuting, or just waking up, and you're eager to take a quick glance at the progress and results of the experiment. At times like these, **your phone + SwanLab** can be the perfect combination. + +Below, we'll introduce how to add SwanLab to your phone's home screen for an app-like experience, allowing you to quickly access SwanLab. + +## Android + +![alt text](/zh/guide_cloud/general/app/android.png) + +1. Visit swanlab.cn in your browser. +2. Click the three-dot button in the top-right corner, then select "Add to Home Screen" from the menu. +3. Choose either "Install" or "Create Shortcut." +4. You can now find the SwanLab "APP" on your home screen. + +## iOS + +![alt text](/zh/guide_cloud/general/app/ios.png) + +1. Visit swanlab.cn in your browser. +2. Click the share button at the bottom center, then select "Add to Home Screen" from the menu. +3. Edit the app name and click "Add" in the top-right corner. +4. You can now find the SwanLab "APP" on your home screen. \ No newline at end of file diff --git a/en/guide_cloud/general/app/android.png b/en/guide_cloud/general/app/android.png new file mode 100644 index 0000000..1308322 Binary files /dev/null and b/en/guide_cloud/general/app/android.png differ diff --git a/en/guide_cloud/general/app/ios.png b/en/guide_cloud/general/app/ios.png new file mode 100644 index 0000000..e4da648 Binary files /dev/null and b/en/guide_cloud/general/app/ios.png differ diff --git a/zh/guide_cloud/general/app.md b/zh/guide_cloud/general/app.md new file mode 100644 index 0000000..4f22f16 --- /dev/null +++ b/zh/guide_cloud/general/app.md @@ -0,0 +1,24 @@ +# 在手机上使用SwanLab + +你一定遇到过,实验正在training,但你不在电脑旁边 —— 也许在运动、在通勤、或者刚刚起床,十分想瞄一眼实验的进展和结果。这个时候,**手机+SwanLab**,会是绝佳组合。 + +下面将介绍如何将SwanLab添加到你的手机主屏幕,以接近APP的体验,快速访问SwanLab。 + + +## 安卓 + +![alt text](/zh/guide_cloud/general/app/android.png) + +1. 浏览器访问swanlab.cn +2. 点击右上角三个点按钮后,在菜单中点击「添加到主屏幕」 +3. 选择「安装」或「创建快捷方式」均可 +4. 在主屏幕上就可以找到SwanLab“APP”了 + +## iOS + +![alt text](/zh/guide_cloud/general/app/ios.png) + +1. 浏览器访问swanlab.cn +2. 点击底部中间的分享按钮后,在菜单中点击「添加到主屏幕」 +3. 编辑应用名称,点击右上角的「添加」 +4. 在主屏幕上就可以找到SwanLab“APP”了 diff --git a/zh/guide_cloud/general/app/android.png b/zh/guide_cloud/general/app/android.png new file mode 100644 index 0000000..1308322 Binary files /dev/null and b/zh/guide_cloud/general/app/android.png differ diff --git a/zh/guide_cloud/general/app/ios.png b/zh/guide_cloud/general/app/ios.png new file mode 100644 index 0000000..e4da648 Binary files /dev/null and b/zh/guide_cloud/general/app/ios.png differ diff --git a/zh/guide_cloud/general/image.png b/zh/guide_cloud/general/image.png new file mode 100644 index 0000000..6ecc1b5 Binary files /dev/null and b/zh/guide_cloud/general/image.png differ