---
title: 店铺前台和发布
description: 预览、编辑、版本控制、发布和验证您的 Runner 店铺前台。
---

使用此部分将店铺前台从应用内预览移至已验证的实时店铺。每个页面涵盖一项任务，并解释每个重要控件的作用。

![Runner 商店预览和控件](https://ixft9x6szo.ufs.sh/f/Cc8uxBgAYTzgkyhbRgjXIfFwWx7Qu1lJBZMSPHcazYdR0voC)

## 本指南内容

选择与您当前店铺前台任务相匹配的指南，而不会将可编辑预览与实时、可购买的店铺混淆。

## 了解四种店铺前台状态

| 状态 | 它的含义 | 它不能证明什么 |
| --- | --- | --- |
| **预览** | Runner 在您的项目内显示工作副本。您可以查看页面和布局。 | 店铺不一定是公开的。 |
| **发布** | Runner 检查并首次将当前版本发送到公开店铺 URL。 | 产品、库存、运输、付款和结账不会自动验证。 |
| **发布更改** | 实时店铺已存在，Runner 可以将较新的更改发送到它。 | 未保存或未完成的更改还不是实时的。 |
| **重新发布** | Runner 可以在发布失败或已完成但未返回可用 URL 的发布后重试。 | 这不是向健康的实时店铺发布新更改的常规标签。 |

## 选择一项任务

| 您想做什么 | 指南 | 结果 |
| --- | --- | --- |
| 查看当前店铺前台 | [预览您的店铺](./preview-your-store.mdx) | 检查页面、路由、刷新行为和响应式布局。 |
| 进行视觉更改 | [使用设计模式](./design-mode.mdx) | 选择一个元素并打开编辑控件。 |
| 更改文案、间距、类型或图像 | [编辑内容、页面和媒体](./edit-content-pages-and-media.mdx) | 更新一个可见页面并保存结果。 |
| 检查或更改店铺前台文件 | [检查和编辑店铺前台代码](./inspect-and-edit-code.mdx) | 打开条件代码编辑器，保存专注的文件更改，并查看其 Git 状态。 |
| 比较或恢复早期状态 | [使用版本历史](./version-history.mdx) | 预览一个版本或将其恢复为新的当前版本。 |
| 检查店铺是否准备好 | [准备发布](./prepare-to-publish.mdx) | 解决或明确确认 Runner 显示的检查。 |
| 将更改上线 | [发布和重新发布](./publish-and-republish.mdx) | 为当前状态启动正确的发布流程。 |
| 证明客户旅程有效 | [验证实时店铺和结账](./live-store-and-checkout.mdx) | 分别确认公开目录、购物车和结账。 |
| 使用您自己的网址 | [连接自定义域](./custom-domains.mdx) | 添加、购买、转移、续订或诊断符合条件的域。 |
| 从阻止状态恢复 | [故障排除预览和发布](./troubleshoot-preview-and-publishing.mdx) | 将屏幕上的消息与最安全的下一步操作相匹配。 |

## 首次启动的推荐顺序

1. 在 [预览](./preview-your-store.mdx) 中查看最新版本。
2. 在 [设计模式](./design-mode.mdx) 中进行并保存任何视觉编辑。
3. 检查 [发布前提条件](./prepare-to-publish.mdx)。
4. 选择 **发布** 并按照确认流程进行。
5. 打开公开 URL 并 [验证目录和结账](./live-store-and-checkout.mdx)。
6. 仅在首次成功发布后添加 [自定义域](./custom-domains.mdx)。

## 可用性和安全性

- **设计模式** 是条件性的。它适用于桌面布局上的就绪最新版本，在 Runner 工作时可能不可用。
- **打开代码编辑器** 是条件性的。保存、提交、推送、发布和验证实时店铺是单独的结果。
- 发布可能受计划或店铺状态的限制。遵循工作区中显示的消息，而不是假设每个帐户都有相同的访问权限。
- 发布确认可以让您确认不完整的设置。该选择可以将可浏览的店铺前台上线，同时结账保持暂停或不完整。

## 相关指南

- [欢迎使用 Runner AI](../product-guide.mdx)
- [检查和编辑店铺前台代码](./inspect-and-edit-code.mdx)
- [故障排除预览和发布](./troubleshoot-preview-and-publishing.mdx)