[{"data":1,"prerenderedAt":213},["ShallowReactive",2],{"content-\u002Fdocs\u002Finstallation":3},{"id":4,"title":5,"body":6,"description":206,"extension":207,"meta":208,"navigation":64,"path":209,"seo":210,"stem":211,"__hash__":212},"content\u002Finstallation.md","安装",{"type":7,"value":8,"toc":198},"minimark",[9,12,16,21,25,29,110,113,150,154,157,172,179,182,194],[10,11,5],"h1",{"id":5},[13,14,15],"h2",{"id":15},"安装浏览器扩展",[17,18,20],"h3",{"id":19},"方式一应用商店推荐","方式一：应用商店（推荐）",[22,23,24],"p",{},"商店版本发布后，可直接在 Chrome Web Store \u002F Edge Add-ons 中搜索「Tab Sync」一键安装，无需构建。",[17,26,28],{"id":27},"方式二从源码构建","方式二：从源码构建",[30,31,36],"pre",{"className":32,"code":33,"language":34,"meta":35,"style":35},"language-bash shiki shiki-themes github-light github-dark","# 进入扩展目录\ncd browser-extension\n\n# 安装依赖\nnpm install\n\n# 生产构建（产物在 dist\u002F 目录）\nnpm run build\n# 或开发模式（支持热更新）：npm run dev\n","bash","",[37,38,39,48,59,66,72,82,87,93,104],"code",{"__ignoreMap":35},[40,41,44],"span",{"class":42,"line":43},"line",1,[40,45,47],{"class":46},"sJ8bj","# 进入扩展目录\n",[40,49,51,55],{"class":42,"line":50},2,[40,52,54],{"class":53},"sj4cs","cd",[40,56,58],{"class":57},"sZZnC"," browser-extension\n",[40,60,62],{"class":42,"line":61},3,[40,63,65],{"emptyLinePlaceholder":64},true,"\n",[40,67,69],{"class":42,"line":68},4,[40,70,71],{"class":46},"# 安装依赖\n",[40,73,75,79],{"class":42,"line":74},5,[40,76,78],{"class":77},"sScJk","npm",[40,80,81],{"class":57}," install\n",[40,83,85],{"class":42,"line":84},6,[40,86,65],{"emptyLinePlaceholder":64},[40,88,90],{"class":42,"line":89},7,[40,91,92],{"class":46},"# 生产构建（产物在 dist\u002F 目录）\n",[40,94,96,98,101],{"class":42,"line":95},8,[40,97,78],{"class":77},[40,99,100],{"class":57}," run",[40,102,103],{"class":57}," build\n",[40,105,107],{"class":42,"line":106},9,[40,108,109],{"class":46},"# 或开发模式（支持热更新）：npm run dev\n",[22,111,112],{},"然后：",[114,115,116,128,136,147],"ol",{},[117,118,119,120,123,124,127],"li",{},"打开 ",[37,121,122],{},"chrome:\u002F\u002Fextensions","（Chrome）或 ",[37,125,126],{},"edge:\u002F\u002Fextensions","（Edge）。",[117,129,130,131,135],{},"右上角打开「",[132,133,134],"strong",{},"开发者模式","」。",[117,137,138,139,142,143,146],{},"点击「",[132,140,141],{},"加载已解压的扩展程序","」，选择上一步生成的 ",[37,144,145],{},"browser-extension\u002Fdist"," 目录。",[117,148,149],{},"工具栏出现 Tab Sync 图标，点击即可打开侧边栏。",[13,151,153],{"id":152},"安装后端可选","安装后端（可选）",[22,155,156],{},"后端为扩展提供跨设备同步与工作组存储能力。仅在需要多设备同步或使用「工作组」时才需要。",[158,159,160,163],"ul",{},[117,161,162],{},"轻量后端：Go + Gin + SQLite，单文件 \u002F Docker 均可部署。",[117,164,165,166,171],{},"部署方式见",[167,168,170],"a",{"href":169},"\u002Fdocs\u002Fself-host","自部署后端","。",[22,173,174,175,178],{},"首次启动后，访问 ",[37,176,177],{},"http:\u002F\u002F\u003C服务地址>\u002Fsetup"," 完成初始化并生成 API Token，然后在扩展的「设置 → 连接模式」中填入服务地址与 Token。",[13,180,181],{"id":181},"下一步",[158,183,184,190],{},[117,185,186],{},[167,187,189],{"href":188},"\u002Fdocs\u002Fusage","使用指南",[117,191,192],{},[167,193,170],{"href":169},[195,196,197],"style",{},"html pre.shiki code .sJ8bj, html code.shiki .sJ8bj{--shiki-default:#6A737D;--shiki-dark:#6A737D}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":35,"searchDepth":50,"depth":50,"links":199},[200,204,205],{"id":15,"depth":50,"text":15,"children":201},[202,203],{"id":19,"depth":61,"text":20},{"id":27,"depth":61,"text":28},{"id":152,"depth":50,"text":153},{"id":181,"depth":50,"text":181},"安装 Tab Sync 浏览器扩展与后端服务","md",{},"\u002Finstallation",{"title":5,"description":206},"installation","du8p7UYONjHTZ3ayi_WMJ4MOxAQdXkXnpfxDFq26zhE",1793202326716]