---
url: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
title: '用演示页面试用 DXPR Builder | DXPR'
author:
  name: Jurriaan
  url: 'https://dxpr.com/users/jurriaan'
date: '2026-10-24T13:49:58+00:00'
updated: '2026-10-24T17:19:22+00:00'
copyright: 'Copyright DXPR. All rights reserved.'
type: article
summary: '在自己动手前，先在建好的页面上探索 DXPR Builder。可以用托管演示、DXPR CMS 自带的演示页面，或在测试站点应用 QA 演示配方。没有单独的“simple demo”包；三种方式本页全覆盖。'
tags:
  - 'Install and update'
image: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
published: true
og:
  site_name: DXPR
  updated_time: '2026-10-24T17:19:22+0000'
  'image:alt': 'DXPR, powered by Drupal: AI-powered Drupal for marketers.'
schema:
  '@context': 'https://schema.org'
  '@graph':
    -
      mainEntity: {  }
    -
      '@type': TechArticle
      headline: '用演示页面试用 DXPR Builder'
      description: '在自己动手前，先在建好的页面上探索 DXPR Builder。可以用托管演示、DXPR CMS 自带的演示页面，或在测试站点应用 QA 演示配方。没有单独的“simple demo”包；三种方式本页全覆盖。'
      image:
        '@type': ImageObject
        url: 'https://dxpr.com/themes/custom/dxpr_com/images/dxpr-share-card.jpg'
        width: '1200'
        height: '630'
      datePublished: '2026-10-24T13:49:58+0000'
      dateModified: '2026-10-24T17:19:22+0000'
      author:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
        url: 'https://dxpr.com/'
        logo:
          '@type': ImageObject
          url: 'https://dxpr.com/themes/custom/dxpr_com/dxpr-logo-dark.svg'
          width: '1348'
          height: '501'
      mainEntityOfPage: 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
      articleSection: 安装与更新
    -
      '@type': WebPage
      '@id': 'https://dxpr.com/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-simple-demo'
      description: '在自己动手前，先在建好的页面上探索 DXPR Builder。可以用托管演示、DXPR CMS 自带的演示页面，或在测试站点应用 QA 演示配方。没有单独的“simple demo”包；三种方式本页全覆盖。'
      breadcrumb:
        '@type': BreadcrumbList
        itemListElement:
          -
            '@type': ListItem
            position: 1
            name: 首页
            item: 'https://dxpr.com/zh-hans'
      publisher:
        '@type': Organization
        '@id': 'https://dxpr.com/#organization'
        name: DXPR
      inLanguage: zh-hans
---
[帮助中心](/zh-hans/node/75)/[文档](/zh-hans/hc/documentation) /[学习 DXPR Builder](/zh-hans/hc/documentation/learn-dxpr-builder) /[从这里开始](/zh-hans/hc/documentation/learn-dxpr-builder/start-here) /[安装与更新](/zh-hans/hc/documentation/learn-dxpr-builder/start-here/install) # 用演示页面试用 DXPR Builder.

 学习 DXPR Builder从这里开始安装与更新

   ## 本指南内容

 相关指南

- [构建您的第一个页面](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)
- [用 DXPR CMS 建新站](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)
- [从模板开始页面](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates)

在自己动手前，先在建好的页面上探索 DXPR Builder。可以用托管演示、DXPR CMS 自带的演示页面，或在测试站点应用 QA 演示配方。没有单独的“simple demo”包；三种方式本页全覆盖。

| 我想…… | 用 | 需要 |
|---|---|---|
| 不安装任何东西试编辑器 | [托管演示](#the-hosted-demo) | 浏览器 |
| 从带几个示例页面的真实站点开始 | [DXPR CMS 演示页面](#dxpr-cms-demo-pages) | 全新 DXPR CMS 站点 |
| 在开发站点检查每个元素 | [QA 演示配方](#apply-the-qa-demo-recipe) | 带 DXPR CMS 的开发站点 |

## 托管演示

[try.dxpr.com](https://try.dxpr.com/) 是模块 README 链接的在线演示。您这边不用安装任何东西。演示在使用期间保持活动，6 小时无活动后删除，因此不要在上面保留成果。

## DXPR CMS 演示页面

DXPR CMS 安装时导入三个 Landing Page 条目：**Home**、**Page** 和 **Contact Us**。它把 `/home` 设为首页，并把 **Edit with DXPR Builder** 授予内容管理员、站点搭建者和内容编辑角色。请参阅[用 DXPR CMS 建新站](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)；没有单独的演示步骤。

## 应用 QA 演示配方

模块在 `recipes/dxpr_builder_qa_demo` 内置 Drupal 配方，名为 **DXPR Builder QA Demo Content**。它安装 `dxpr_builder_block`，把首页设为 `/tour` 并导入 75 个 Landing Page 条目。它们用的区块、媒体、文件和菜单链接一并导入。每个页面展示一个功能：元素、版块背景、Drupal 区块和视图、模板或翻译。

演示页面需要 **Landing Page** 内容类型及其 `field_content` 字段和 **Image** 媒体类型，与 DXPR CMS 中的一致。请在开发站点应用配方，绝不在正式环境：它会替换您的首页。

1. 从项目根目录应用配方。模块位置不同请调整路径：

    ```bash
    drush recipe:apply web/modules/contrib/dxpr_builder/recipes/dxpr_builder_qa_demo

    ```
2. 重建缓存：

    ```bash
    drush cache:rebuild

    ```
3. 打开站点首页。

## 您会看到的内容

首页显示 **Tour** 页面，开头是 "Meet DXPR Builder"。用有 **Edit with DXPR Builder** 的账户登录，悬停演示页面显示其控制栏。打开某元素的 **More** 并选择 **Settings** 查看其配置。演示页面是普通内容：在 **Content** 下编辑、取消发布或删除。

## 如果看不到演示页面

- **配方报错停止，未导入任何内容。** 站点缺少演示页面用的 Landing Page 内容类型或 Image 媒体类型。请在 DXPR CMS 站点应用配方。
- **Drush 称命令 "recipe:apply" 未定义。** 配方需要 Drupal 10.3 及以上。请更新 Drupal 核心再应用配方。
- **首页仍是旧首页。** 页面缓存还留着它。请运行 `drush cache:rebuild` 并重新加载。
- **演示页面没有控制栏。** 您的角色缺少 **Edit with DXPR Builder**。请到 **People** > **Permissions** (`/admin/people/permissions`) 授予。

## 接下来做什么？

- [搭建您的第一页](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/first-page)：从零或从模板做自己的页面。
- [用 DXPR CMS 建新站](/zh-hans/hc/documentation/learn-dxpr-builder/getting-started/installing-dxpr-cms)：完整 DXPR CMS 安装。
- [页面模板](/zh-hans/hc/documentation/learn-dxpr-builder/reusable-templates/page-templates)：从模板开始新页面，不用演示内容。