mirror of
https://github.com/wukko/cobalt.git
synced 2024-11-15 12:50:01 +00:00
docs/protect-an-instance: fix image alignment
This commit is contained in:
parent
b837f291b5
commit
722223f6d3
1 changed files with 18 additions and 20 deletions
|
@ -16,60 +16,58 @@ cloudflare dashboard interface might change over time, but basics should stay th
|
||||||
> [!CAUTION]
|
> [!CAUTION]
|
||||||
> never share the turnstile secret key, always keep it private. if accidentally exposed, rotate it in widget settings.
|
> never share the turnstile secret key, always keep it private. if accidentally exposed, rotate it in widget settings.
|
||||||
|
|
||||||
1. open [the cloudflare dashboard](https://dash.cloudflare.com/) and log into your account.
|
1. open [the cloudflare dashboard](https://dash.cloudflare.com/) and log into your account
|
||||||
|
|
||||||
2. once logged in, select `turnstile` in the sidebar.
|
2. once logged in, select `Turnstile` in the sidebar
|
||||||
<div align="center">
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/sidebar.png" width="250" />
|
<img src="images/protect-an-instance/sidebar.png" width="250" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
3. press `add widget`.
|
3. press `Add widget`
|
||||||
<div align="center">
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/add.png" width="550" />
|
<img src="images/protect-an-instance/add.png" width="550" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
4. enter the widget name (can be anything, such as "cobalt").
|
4. enter the widget name (can be anything, such as "cobalt")
|
||||||
<div align="center">
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/name.png" width="450" />
|
<img src="images/protect-an-instance/name.png" width="450" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
5. add cobalt frontend domains you want the widget to work with. you can change this list later at any time.
|
5. add cobalt frontend domains you want the widget to work with, you can change this list later at any time
|
||||||
- if you want to use your processing instance with [cobalt.tools](https://cobalt.tools/) frontend, then add `cobalt.tools` to the list.
|
- if you want to use your processing instance with [cobalt.tools](https://cobalt.tools/) frontend, then add `cobalt.tools` to the list
|
||||||
<div align="center">
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/domain.png" width="450" />
|
<img src="images/protect-an-instance/domain.png" width="450" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
6. select `invisible` widget mode.
|
6. select `invisible` widget mode
|
||||||
<div align="center">
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/mode.png" width="450" />
|
<img src="images/protect-an-instance/mode.png" width="450" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
7. press `create`.
|
7. press `create`
|
||||||
|
|
||||||
8. keep the page with sitekey and secret key open, you'll need them later.
|
8. keep the page with sitekey and secret key open, you'll need them later.
|
||||||
if you closed it, no worries!
|
if you closed it, no worries!
|
||||||
just open the same turnstile page and press "settings" on your freshly made turnstile widget.
|
just open the same turnstile page and press "settings" on your freshly made turnstile widget.
|
||||||
<div align="center">
|
|
||||||
|
<div align="left">
|
||||||
<p>
|
<p>
|
||||||
<img src="images/protect-an-instance/created.png" width="450" />
|
<img src="images/protect-an-instance/created.png" width="450" />
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div align="center">
|
|
||||||
<p>
|
you've successfully created a turnstile widget!
|
||||||
you've successfully created a turnstile widget!
|
time to add it to your processing instance.
|
||||||
time to add it to your processing instance.
|
|
||||||
</p>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
### enable turnstile on your processing instance
|
### enable turnstile on your processing instance
|
||||||
this tutorial assumes that you only have `API_URL` in your `environment` variables list.
|
this tutorial assumes that you only have `API_URL` in your `environment` variables list.
|
||||||
|
|
Loading…
Reference in a new issue