> ## Documentation Index
> Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt
> Use this file to discover all available pages before exploring further.

# 如何在 LanderLab 的落地页中使用全局区块

> 了解如何在 LanderLab 中将全局区块添加到落地页、在页面中编辑它以及将其分离。全局区块的用法与区域相同，并在所有页面之间保持同步。

创建好全局区块后，你可以像添加区域（section）一样将它添加到落地页。本指南介绍如何将全局区块放到页面上、如何就地编辑，以及在需要单独版本时如何将其分离。

<Note>
  全局区块会始终与其源保持关联。编辑它会更新它出现的每个页面。如果你希望某项更改只影响一个页面，请先分离该区块（参见下方的“如何分离全局区块”）。
</Note>

## 如何将全局区块添加到落地页

<Steps>
  <Step title="打开你的落地页">
    在编辑器中打开你要添加全局区块的落地页。
  </Step>

  <Step title="打开 Global Blocks 面板">
    在左侧工具栏中，点击蓝色 **+** 按钮正下方的 **Global Blocks** 图标。该面板会列出你创建的所有全局区块，并提供搜索栏方便快速查找。

    <Frame>
      <img src="https://mintcdn.com/landerlab-babdc23f/yb7OnbTdDbwgQzsT/images/use-global-block.png?fit=max&auto=format&n=yb7OnbTdDbwgQzsT&q=85&s=d2657e7b6bd205ff219a50d0de667634" alt="左侧工具栏中的 Global Blocks 面板，列出全局区块并带有搜索栏" width="1951" height="956" data-path="images/use-global-block.png" />
    </Frame>
  </Step>

  <Step title="将区块添加到页面">
    全局区块的用法与区域完全相同。将区块从面板拖到画布上你想要的位置，然后像页面上的其他区域一样调整它的位置。
  </Step>
</Steps>

## 如何在页面中编辑全局区块

在画布上选中该区块。右侧边栏中会显示 **Global Block** 面板，提醒你该区块的内容需要在 Global Block Editor（全局区块编辑器）中编辑，并且更改会应用到所有使用它的页面。

<Frame>
  <img src="https://mintcdn.com/landerlab-babdc23f/yb7OnbTdDbwgQzsT/images/image-36.png?fit=max&auto=format&n=yb7OnbTdDbwgQzsT&q=85&s=727ce2213e581b432d46318f122517d7" alt="右侧边栏中的 Global Block 面板，提示需在全局区块编辑器中编辑" width="277" height="415" data-path="images/image-36.png" />
</Frame>

点击 **Edit**，会在新标签页中打开 Global Block Editor。手动修改或使用 AI Assistant 修改，然后点击 **Save & Publish**。更新会在当前页面以及所有其他使用该区块的页面上生效。

<Tip>
  你也可以在画布上**双击**该区块，在新标签页中打开 Global Block Editor。
</Tip>

在同一个右侧边栏中，你还可以调整此处放置的 **Opacity**（不透明度），并使用 **Show On** 控制该区块在哪些设备上显示（桌面端、平板或移动端）。

## 如何分离全局区块

分离会断开该页面上的区块与其全局源之间的关联。在右侧边栏中点击 **Detach**，该区块就会变成此页面上一个普通的独立区块。

分离后，全局区块的更新将不再同步到此页面，你在这里所做的任何更改也不会影响全局区块或其他使用它的页面。

<Warning>
  当你需要为单个页面制作特殊版本时，再进行分离。区块一旦分离，就不再接收全局区块的更新，之后你只能手动编辑它。
</Warning>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.