# 占位符

{% hint style="success" %}
建议使用 CLOUDFLARE 验证码（可选在网站/黑名单上），这是来自 CF 的官方 CAPTCHA，但外观上会显示真实域名，与我们的自定义版本不同。\
非常适合将所有内容对机器人隐藏，但在转换率方面可能不如没有验证码，视具体情况而定。
{% endhint %}

{% hint style="danger" %}
使用占位页（页面-拦截页）是一种对抗可能损害域名的机器人的有效保护方法。其工作原理既简单又巧妙。核心理念是使用点击机制：在未点击特定按钮并通过额外验证之前，访问网站的请求会被阻止。该按钮包含重定向，机器人由于请求的特性无法完成此步骤。此方法确保在 **100% 真正的人不会被错误过滤** — 任何有效的按钮点击都会授予网站访问权限。

这种保护方式保证网站的主要内容对机器人保持不可见：它们无法抓取数据或查看仅在成功通过拦截页后才可见的代码。 **这使得占位页成为对抗不良流量和保护网站内容的可靠工具。**
{% endhint %}

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2F60kUA9cmEJ8qdApEHav6%2Fimage.png?alt=media&#x26;token=f3644c5a-8347-4942-ae70-90b72f7654d2" alt=""><figcaption><p>域名设置</p></figcaption></figure>

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2Fla77QW8DjF3UCqFZIoGR%2Fimage.png?alt=media&#x26;token=8ac86ecd-4bce-4b4b-bd90-bdec69febc54" alt=""><figcaption><p>启用占位页</p></figcaption></figure>

## &#x20;Cloudflare 验证码

第一种类型的验证码，可以通过本地管理面板进行设置

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2FBiXMyfLq3IuNG2zaDpKR%2Fimage.png?alt=media&#x26;token=d735a99a-8236-43e4-bd74-45ac05dda2ef" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2FOdlVGOHm9PRXx0CArVkt%2Fimage.png?alt=media&#x26;token=7adfe29d-42c2-41af-ad14-e2df2b9732d4" alt=""><figcaption><p>白色风格</p></figcaption></figure>

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2FakqQTJwExeVMdlZhRGf7%2Fimage.png?alt=media&#x26;token=08485829-b1fb-4dba-8a95-51df68a3b521" alt=""><figcaption><p>暗色风格</p></figcaption></figure>

**自定义占位页**

{% hint style="success" %}
占位页的自定义功能对拥有“top”和“legend”权限的用户开放。他们既可以访问 Textolite，也可以访问主机。安装包含占位页的设计时，会在站点根目录创建一个文件 `cloud-settings.json`，用于配置自定义设置。
{% endhint %}

*对于没有“top”权限的用户，您可以通过私人经理提供文件并告知域名来让他们代为处理。*

```
{
    "page-title": "CloudFlare - Verify that you are a human",
    "page-favicon": "https://www.cloudflare.com/favicon.ico",
    "logo": "https://www.serviops.ca/wp-content/uploads/2015/11/Cloudflare_logo.svg_.png",
    "button-color": "#fb923c",
    "button-text": "I am not a bot",
    "button-text-verification": "Verifying your identity...",
    "reload-delay": 1000
}
```

您可以更改徽标、按钮和文字，例如用于品牌定制。

背景颜色会根据用户系统设置，拦截页与原版一致并已优化。

{% hint style="danger" %}
**强烈建议在安装“占位页”后检查网站。在某些设计上可能会存在冲突——请测试并确认一切正常。**
{% endhint %}

## Google 验证码

<mark style="color:蓝色;">第二种类型的占位页——为 Google 定制</mark>&#x20;

**支持暗色/浅色并可自动适配系统。**

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2FcDpzDbrkOramm6MvNXtg%2FukHXXGd.gif?alt=media&#x26;token=95bc24b8-45bf-4a9b-8401-d1c9f479d9b3" alt=""><figcaption><p>暗色</p></figcaption></figure>

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2FcFgD3ZL5I5lIn9b2YDA5%2FTctKnns.gif?alt=media&#x26;token=d6b0fe2c-5a26-43d4-8c40-f114f102951a" alt=""><figcaption><p>浅色</p></figcaption></figure>

可以在本地管理面板中指定域名（例如使用原始域名以提高用户信任）。

<figure><img src="https://3142176798-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4cVYG7XFYxRAqHrnJKIs%2Fuploads%2F6kiBRm9YZJtkIVLH7K3s%2Fimage.png?alt=media&#x26;token=cb11cbd2-f033-49bb-a343-2c326b0381b9" alt=""><figcaption><p>将 google.com 替换为所需的域名</p></figcaption></figure>
