feat(website): 官网多页面 + 中英文切换 + Kimi 风格科技风重设计
- 多页路由:首页 / 功能 / 更新日志 / 下载(HashRouter,适配 GitHub Pages) - 中英文切换(zh/en 双语文案 + localStorage 记忆) - Kimi 品牌配色(中性灰 + 蓝)+ 科技风(网格底纹 / 辉光按钮 / 渐变强调词) - 更新日志页:运行时同步 GitHub Releases,localStorage 缓存 1h,网络失败回退内置列表 - 功能页 8 张截图卡片;下载页含自动更新说明 - 修复资源路径 404(asset() + %BASE_URL%);自托管 Inter/Fira Code 字体
No files matched your search
@@ -0,0 +1,54 @@
|
||||
# 工作交接(2026-08-01 第二轮)
|
||||
|
||||
> 新会话续作入口:先读本文件,再按「六、下一步」继续。历史交接见 `docs/HANDOVER-usage-billing.md`(账单功能,已发布完)。
|
||||
|
||||
## 一、当前未完成任务(按优先级)
|
||||
|
||||
1. **官网截图归档**(`docs/screenshots/site-2026-08-01/`,14 张 Snipaste 图):
|
||||
- **当前模型无视觉输入,无法识图**——需用户在会话里切换到支持视觉的模型后逐个查看
|
||||
- 确认每张对应界面 → 按官网区块重命名(hero / feature-usage / kimi-oauth / settings…)
|
||||
- 注意:`.gitignore` 忽略 `Snipaste_*.png`,这些图不进 git,归档目录也只是暂存
|
||||
2. **官网规划待拍板**(`docs/WEBSITE-PLAN.md` v2,3 项待定):
|
||||
- 素材时机:等 v0.7.0 稳定版(推荐)还是用当前 v0.6.x 截图
|
||||
- 技术栈:Vite + React + Tailwind(已写入方案,等确认)
|
||||
- 推荐链接:官网页脚放基元律动等推荐链接,还是不放
|
||||
|
||||
## 二、v0.6.7 发布状态详情(已完成)
|
||||
|
||||
- **提交**:`ce28252` feat: Kimi 设备授权登录(应用内置 kimi login)+ 外链打开统一走 Rust 命令(v0.6.7)
|
||||
- **版本**:三处 0.6.7(package.json / Cargo.toml / tauri.conf.json),`check-version.sh 0.6.7` 通过
|
||||
- **两仓库**:origin(git.codingplan.site/admin/KimiCodeSwitch)+ github(billowliu2/KimiSwitch)的 main / Dev_20260801 / tag v0.6.7 全部同步
|
||||
- **私有库 Release**:https://git.codingplan.site/admin/KimiCodeSwitch/releases/tag/v0.6.7(MSI 6.9MB)
|
||||
- **GitHub Release**:https://github.com/billowliu2/KimiSwitch/releases/tag/v0.6.7(三平台构建成功,6 个产物齐全,已转正式)
|
||||
- **本地包**:`src-tauri/target/release/bundle/{nsis,msi}/Kimi Switch_0.6.7_*`
|
||||
- **v0.6.7 功能**:Kimi 设备授权登录(Device Code Flow,等同 `kimi login`)——`kimi_oauth_start` / `kimi_oauth_poll` 命令 + `KimiOAuthDialog` 前端;授权页/设置页外链统一改走 Rust `open_external_url` 命令(JS 插件版 openUrl 在此环境静默失败,已弃用)
|
||||
|
||||
## 三、关键环境与凭据获取
|
||||
|
||||
- **代理**:git 全局 `http.proxy=http://127.0.0.1:7897`;推 origin 需 `git -c http.proxy= push` 绕过(schannel 握手失败);调 GitHub API 必须 `-x http://127.0.0.1:7897`
|
||||
- **GitHub API token**:`printf "protocol=https\nhost=github.com\n\n" | git credential fill` → password 行(临时文件 /tmp/ghcred.txt 可能已失效,重新获取)
|
||||
- **私有库 API 凭据**:同上 host=git.codingplan.site(/tmp/pcred.txt)
|
||||
- **models.dev 同步**:`npm run fetch-models-dev`(脚本自动读 git http.proxy 走代理);打包前 `pretauri` 钩子自动同步;离线时用本地已提交 `src/lib/models-dev.json` + last-good 备份恢复
|
||||
- **版本发布流程**:check-version → tauri build → commit → 推两仓库 → 私有库 API 建 Release+传 MSI → 推 github tag → CI 完成转正式
|
||||
|
||||
## 四、官网规划要点(docs/WEBSITE-PLAN.md v2)
|
||||
|
||||
- 定位:多供应商统一管理 + 用量监控(非 Kimi 单一产品)
|
||||
- 部署:仅 GitHub Pages(**私有库 Gitea Pages 实测未启用**,勿再做镜像方案)
|
||||
- 技术栈:Vite + React + Tailwind(独立 `website/` 子目录)
|
||||
- 结构:Hero(供应商列表截图)→ 功能 6 卡 → 性能 → 更新 → 隐私 → 平台 → CTA
|
||||
- 素材:真实截图+动图;性能指标需实测后如实写
|
||||
|
||||
## 五、已有交接/文档
|
||||
|
||||
- `docs/HANDOVER-usage-billing.md`:账单查询功能全量交接(已随 v0.6.4-v0.6.6 发布)
|
||||
- `docs/USAGE-QUERY-ADAPTATION.md`:账单查询调研
|
||||
- `docs/WEBSITE-PLAN.md`:官网规划 v2
|
||||
- `docs/screenshots/site-2026-08-01/`:14 张待归档产品截图(需视觉模型)
|
||||
|
||||
## 六、下一步 TODO
|
||||
|
||||
1. 查看后台轮询结果(`TaskList` / `TaskOutput` 或读 `/tasks`):v0.6.7 GitHub CI 完成后转正式 Release
|
||||
2. 用户切视觉模型后:识图 → 重命名归档 14 张截图 → 更新素材清单
|
||||
3. 用户对 3 个待拍板项确认后更新 WEBSITE-PLAN.md
|
||||
4. 后续:官网 M0-M4 里程碑(等拍板 + 稳定版)
|
||||
@@ -0,0 +1,138 @@
|
||||
# KimiSwitch 官网建设规划(Landing Page)v4
|
||||
|
||||
> 状态:方案 v4 定稿(待启动实现)。参考对象:[KimiCodeBar 官网](https://xifandev.github.io/KimiCodeBar/)(GitHub Pages 单页营销站)。
|
||||
> v4 变更:3 项待拍板全部定案(素材用 v0.6.7 / 技术栈 Vite+React+Tailwind / 推荐链接页脚);素材完整度 ~95%;性能实测数据已写入(WS 93 MB / Private 34 MB)。
|
||||
|
||||
## 一、目标与定位
|
||||
|
||||
为 KimiSwitch 打造一个**单页营销官网(landing page)**:
|
||||
- 展示核心卖点:**多 LLM 供应商统一管理 + 一键切换 + 用量/账单监控**(主角,不是单一 Kimi 产品)
|
||||
- 建立可信度:开源(MIT)、隐私(本地存储)、官方直连
|
||||
- 提供下载入口:Windows 安装包(GitHub Releases + 私有库 Releases)
|
||||
- 引流与推广:推荐链接低调放页脚(不喧宾夺主)
|
||||
|
||||
## 二、参考拆解:KimiCodeBar 官网结构
|
||||
|
||||
| 区块 | 内容 | 可借鉴点 | 是否照搬 |
|
||||
| --- | --- | --- | --- |
|
||||
| Hero | 实时用量卡片 + 主标题 + CTA | 产品实拍做主视觉 | 部分(见 3.1) |
|
||||
| Features | "为 Kimi Code 而生":轻量菜单栏 | 一句话定位 + 简短特性 | 是 |
|
||||
| Kimi Login | 一键授权登录 / API Key 切换 | 认证方式展示 | **否**(降级为功能卡) |
|
||||
| Performance | Swift 原生、内存 30-50MB、任务管理器对比图 | 硬指标 + 对比图 | 是(指标需实测) |
|
||||
| Auto Update | 自动探测更新、一键安装 | 功能卖点 | 是 |
|
||||
| Showcase | 明暗双主题截图 | 真实截图轮播 | 是 |
|
||||
| Privacy | 本地存储 / 官方直连 / 开源可审计 | 三卡片信任区 | 是 |
|
||||
| Platforms | macOS 已发布 / Windows 开发中 | 平台状态 | 是(镜像反转) |
|
||||
| 尾屏 CTA | 强行动号召 + 下载按钮 | 是 | 是 |
|
||||
|
||||
风格特征:深色主题、大字号排版、真实截图/动图、数据指标卡片、滚动锚点导航。
|
||||
|
||||
## 三、KimiSwitch 官网结构规划(修订版)
|
||||
|
||||
### 3.1 Hero
|
||||
- 主标题:**"一个应用,管理你所有的 AI 供应商"**(主)+ 副标题"一键切换 · 用量监控 · 账单一目了然"
|
||||
- 主视觉:**主界面供应商列表 + 切换**截图(核心差异点,非用量卡片——用量卡是 KimiCodeBar 的产品本体,不是我们的)
|
||||
- CTA:下载 Windows 版(主)+ 查看 GitHub 源码(次)
|
||||
|
||||
### 3.2 功能区块(6 卡,一屏一组)
|
||||
1. **多供应商管理**:Kimi / 智谱 / MiniMax / DeepSeek / OpenRouter / 基元律动等预设,一键添加与切换
|
||||
2. **用量与账单监控**:套餐类(5 小时 / 每周用量)+ 按量余额(models.dev 真实价格计算成本)卡片直显
|
||||
3. **Kimi 一键授权登录**:内置设备码授权(等同 `kimi login`),浏览器授权即用、自动续期 ← **Kimi 相关只此一张卡**
|
||||
4. **配置用量查询**:全屏配置页、NewAPI 模板、超时/自动刷新、测试查询
|
||||
5. **智能模型发现**:模型能力 / 上下文自动同步 models.dev
|
||||
6. **自动更新**:检查更新(私有库优先、GitHub 回退),一键下载安装
|
||||
|
||||
### 3.3 认证方式区块
|
||||
- **删除**独立大区块。Kimi 授权并入 3.2 功能卡 3;API Key 方式在主界面截图里自然体现(普通供应商编辑 API Key 输入框)
|
||||
|
||||
### 3.4 性能 / 技术区块
|
||||
- Tauri + Rust 内核 + WebView2;常驻托盘
|
||||
- 实测(28 核 Windows,用户运行 v0.6.7):
|
||||
- **Working Set 93 MB / Private WS 34 MB**(程序空闲态)
|
||||
- 52 线程 / 1086 句柄;CPU 空闲 0%,查询时短暂升高
|
||||
- 对比 KimiCodeBar(Swift)自报 38 MB —— Tauri 因 WebView2 内核偏重是事实,**不作"碾压"话术**
|
||||
- 配任务管理器对比图(M2 实测打安装包时补)
|
||||
|
||||
### 3.5 更新区块
|
||||
- 检查更新:私有库优先 → GitHub 回退;一键下载 / 安装(截图展示设置面板更新区)
|
||||
|
||||
### 3.6 隐私与信任区块(三卡片)
|
||||
- 本地存储:配置与用量仅存本机(`~/.kimi-switch` / config.toml)
|
||||
- 官方直连:账单查询直连各厂商官方 API
|
||||
- 开源可审计:MIT 全量开源(GitHub)
|
||||
|
||||
### 3.7 平台与下载
|
||||
- **Windows:已发布**(.msi / .exe)——主推平台
|
||||
- macOS / Linux:规划中(GitHub Actions 已能构建,但未正式适配/发布,如实标注"开发中")
|
||||
- 下载入口:GitHub Releases 为主 + **私有库 Releases 链接**(国内下载快)
|
||||
|
||||
### 3.8 尾屏 CTA
|
||||
- **"现在就把所有供应商,放进一个应用"** + 下载按钮 + 当前版本号(构建时注入)
|
||||
|
||||
## 四、视觉与交互方向
|
||||
|
||||
- 深色为主(对齐 app)、大字号对比排版、圆角卡片、品牌蓝紫渐变(`#3b82f6 → #8b5cf6`)
|
||||
- 素材:真实截图 + 动图,避免插画风
|
||||
- 动效:滚动渐入、数字滚动、截图 hover 缩放,克制
|
||||
- 响应式:桌面优先,移动端可看结构与下载按钮
|
||||
|
||||
## 五、技术选型与部署(已收敛)
|
||||
|
||||
| 项 | 方案 | 说明 |
|
||||
| --- | --- | --- |
|
||||
| 技术栈 | **Vite + React + Tailwind**(与主应用技能栈一致) | 定案;后续扩展英文版/多页顺 |
|
||||
| 构建 | 独立工程 `website/` 子目录,`vite build` 产物纯静态 | 与 tauri 构建隔离 |
|
||||
| 部署 | **仅 GitHub Pages**(`gh-pages` 分支或独立 repo) | 私有库 Pages **确认未启用**,不做镜像 |
|
||||
| 域名 | `https://billowliu2.github.io/KimiSwitch/`(默认) | 自定义域名待定 |
|
||||
| CI | GitHub Actions:website 变更自动构建 → 部署 gh-pages | 独立 workflow |
|
||||
| 下载链接 | 构建时注入**版本号常量**(v0.6.x),链接指向 GitHub + 私有库 Releases | 发版时改一个常量,不做脚本自动化 |
|
||||
| SEO | meta description / OG 分享图 / favicon(用 `public/kimi.svg`) | 补进 M1 |
|
||||
|
||||
## 六、素材清单(已就位 ✅)
|
||||
|
||||
- [x] app 主界面截图 ×5:供应商列表(hero)、编辑基本信息、模型映射、Kimi OAuth 对话框、Kimi OAuth 授权成功页
|
||||
- [x] 用量仪表盘截图 ×4:浅色/深色/完整版/每日详情
|
||||
- [x] 会话管理截图 ×2:浅色/深色
|
||||
- [x] 编辑器截图 ×3:基本信息、模型映射、配置 JSON
|
||||
- [x] 设置弹窗截图 ×1(更新区+超链接+关于)
|
||||
- [x] 配置用量查询截图 ×1(OAuth 托管模板/变量/超时/测试结果)
|
||||
- [x] 选择预设供应商截图 ×1(22 个预设卡片)
|
||||
- [x] 套餐用量卡片特写 ×1(5h/7天)
|
||||
- [x] kimi CLI 模型选择 TUI ×1(辅助素材)
|
||||
- [x] 性能实测指标:WS 93 MB / Private 34 MB / 52 threads / 1086 handles
|
||||
- [ ] 任务管理器对比图(M2 阶段补:打安装包后跑 5-10 分钟采样,含对比标注)
|
||||
- [ ] OG 分享图(M1 阶段用 hero.png 合成 1200×630)
|
||||
- [ ] 版本号与下载链接注入(构建常量)
|
||||
|
||||
## 七、里程碑(绑定稳定版)
|
||||
|
||||
1. **M0 前提**:app 进入稳定版(**建议 v0.7.0 发布后**)——截图/动图才不过时
|
||||
2. **M1 结构骨架**:布局 + 导航 + 区块占位 + SEO/meta(1 天)
|
||||
3. **M2 内容填充**:文案定稿 + 截图/动图就位(1-2 天)
|
||||
4. **M3 打磨上线**:动效、响应式、GitHub Pages 部署、下载链接注入(1 天)
|
||||
5. **M4 持续维护**:发版时更新版本号/截图(随 Release 流程)
|
||||
|
||||
## 八、不做的事(当前阶段)
|
||||
|
||||
- 不做多语言(先中文,英文版按需)
|
||||
- 不做博客 / 文档站(README / docs 已有)
|
||||
- 不做在线购买 / 支付(免费开源)
|
||||
- 不采集统计埋点(与隐私定位一致)
|
||||
- **不做私有库 Pages 镜像**(服务器未启用该功能)
|
||||
|
||||
## 九、已定案(原 3 项待拍板)
|
||||
|
||||
1. **素材时机** ✅ **用当前 v0.6.7**(用户确认,不等 v0.7.0)
|
||||
2. **技术栈** ✅ **Vite + React + Tailwind**(与主应用技能栈一致)
|
||||
3. **推荐链接** ✅ **页脚放 6 个供应商官网**(KimiSwitch 已全部内置):
|
||||
|
||||
| # | 供应商 | 推荐文案 | 链接 |
|
||||
|---|---|---|---|
|
||||
| 1 | **Kimi** | 完成 Kimi 注册,你我都能 100% 拿奖,最高可得 1 年会员等值权益 | https://kimi-bot.com/activities/zh-cn/invite/share?scenario=invite&from=share_poster&invitation_code=6UJX7J |
|
||||
| 2 | **智谱 GLM** | 我正在智谱大模型开放平台 BigModel.cn 上打造 AI 应用,智谱新一代旗舰模型 GLM-5.2 已上线,在推理、代码、智能体综合能力达到开源模型 SOTA 水平,通过我的邀请链接注册即可获得 2000 万 Tokens 大礼包,期待和你一起在 BigModel 上畅享卓越模型能力 | https://www.bigmodel.cn/invite?icode=mQwTVj1MeLnqI2wa7Ivg7unfet45IvM%2BqDogImfeLyI%3D |
|
||||
| 3 | **DeepSeek** | (无推荐链接,官方平台) | https://platform.deepseek.com |
|
||||
| 4 | **OpenCodeGo** | (无特定文案,官方推荐链接) | https://opencode.ai/go?ref=DFCNADQCEM |
|
||||
| 5 | **MiniMax** | 🚀 MiniMax Token Plan 订阅一份套餐,解锁最新模型 — 前沿 Coding 能力、1M 超长上下文、原生多模态,图文音视频共用套餐额度。🎁 邀友双赢福利 好友订阅享 9 折 + Builder 权益,邀请人得 10% 返利 + 社区特权!立即订阅 | https://platform.minimaxi.com/subscribe/token-plan?code=GmmZA629b5&source=link |
|
||||
| 6 | **基元律动** | (无特定文案,新供应商推荐链接) | https://tokenrhythm.studio/i/rf_tr_v0QXuBTzyl3-bJOS2uFFPg6x |
|
||||
|
||||
> 方案 v4 定稿,可启动 M1(结构骨架 + SEO)。
|
||||
|
After Width: | Height: | Size: 29 KiB |
|
After Width: | Height: | Size: 208 KiB |
|
After Width: | Height: | Size: 205 KiB |
|
After Width: | Height: | Size: 245 KiB |
|
After Width: | Height: | Size: 83 KiB |
|
After Width: | Height: | Size: 91 KiB |
|
After Width: | Height: | Size: 125 KiB |
|
After Width: | Height: | Size: 143 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 93 KiB |
|
After Width: | Height: | Size: 38 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 103 KiB |
|
After Width: | Height: | Size: 124 KiB |
|
After Width: | Height: | Size: 290 KiB |
|
After Width: | Height: | Size: 49 KiB |
|
After Width: | Height: | Size: 70 KiB |