docs: add imgproc to pics

This commit is contained in:
dettlaff 2024-04-05 04:17:23 +04:00
parent 160e8d9e12
commit f3052613fd
24 changed files with 36 additions and 29 deletions

View File

@ -90,10 +90,13 @@ description: >
1. Переходим по [ссылке](https://desec.io/domains), входим в аккаунт.
2. Нажимаем на **плюс**.
![gif](/images/getting_started_screenshots/dns_add_domain.png)
{{< imgproc dns_add_domain Fill "626x287" />}}
3. Вводим ваш домен. Нажимаем **Save**.
4. Копируем имена полученные в поле **Nameservers**.
![gif](/images/getting_started_screenshots/dns_add_domain2.png)
{{< imgproc dns_add_domain2 Fill "626x287" />}}
На примере домена cat-meowmeow.corp мы получили имена серверов: **ns1.desec.io**
и **ns2.desec.org**. Имена серверов у вас могут отличаться.
@ -105,15 +108,20 @@ description: >
1. Переходим по [ссылке](https://dash.cloudflare.com), входим в аккаунт.
2. Слева в меню нажимаем **Websites**, далее синюю кнопку **Get started**.
![gif](/images/getting_started_screenshots/dns_add_domain_cloudflare.png)
3. Выбираем бесплатный тариф **Free**, нажимаем **Continue**.
![gif](/images/getting_started_screenshots/dns_add_domain_cloudflare2.png)
4. На вкладке **Review DNS records** ничего не меняем. Нажимаем **Continue**.
![gif](/images/getting_started_screenshots/dns_add_domain_cloudflare3.png)
5. В пункте 3, копируем имена **nameservers**. После нажимаем **Continue**.
![gif](/images/getting_started_screenshots/dns_add_domain_cloudflare4.png)
6. Финальная страница, нажимаем **Finish later**.
![gif](/images/getting_started_screenshots/dns_add_domain_cloudflare5.png)
{{< imgproc dns_add_domain_cloudflare Fill "626x287" />}}
1. Выбираем бесплатный тариф **Free**, нажимаем **Continue**.
{{< imgproc dns_add_domain_cloudflare2 Fill "626x287" />}}
1. На вкладке **Review DNS records** ничего не меняем. Нажимаем **Continue**.
{{< imgproc dns_add_domain_cloudflare3 Fill "626x287" />}}
1. В пункте 3, копируем имена **nameservers**. После нажимаем **Continue**.
{{< imgproc dns_add_domain_cloudflare4 Fill "626x287" />}}
1. Финальная страница, нажимаем **Finish later**.
{{< imgproc dns_add_domain_cloudflare5 Fill "626x287" />}}
Только что мы выбрали бесплатный тариф и получили имена серверов: **alberto.ns.cloudflare.com**
и **michelle.ns.cloudflare.com**. У вас имена серверов могут отличаться.
@ -133,10 +141,10 @@ DigitalOcean предоставляет только токены которые
1. Создайте новый проект, перейдите в управление новым проектом.
2. Нажимаем сверху на кнопку **Create**, выбираем **Domain/DNS**.
![gif](/images/getting_started_screenshots/do.png)
{{< imgproc do Fill "626x287" />}}
3. Вводим имя своего домена, выбираем проект созданный под управление доменом.
![gif](/images/getting_started_screenshots/do2.png)
{{< imgproc do2 Fill "626x287" />}}
4. Нажимаем **Add Domain**.
@ -152,13 +160,13 @@ DigitalOcean имеет [хорошую инструкцию](https://docs.digit
Далее инструкция для [Porkbun](https://porkbun.com), но вы можете использовать свой регистратор домена, действия должны быть примерно схожи.
1. Переходим в панель управления доменами.
![gif](/images/getting_started_screenshots/porkbun.jpeg)
{{< imgproc porkbun Fill "626x287" />}}
2. Наводимся мышкой на купленный домен, нажимаем **DNS**.
![gif](/images/getting_started_screenshots/porkbun2.jpeg)
{{< imgproc porkbun2 Fill "626x287" />}}
3. В панели управления доменом находим параметр **Authoritative nameservers**.
![gif](/images/getting_started_screenshots/porkbun3.png)
{{< imgproc porkbun3 Fill "626x287" />}}
4. Нажимаем **Edit**.
@ -173,8 +181,6 @@ DigitalOcean имеет [хорошую инструкцию](https://docs.digit
Нам не нужен токен для регистратора домена. Но нам понадобится токен DNS провайдера, чтобы управлять доменомом.
SelfPrivacy поддерживает двух провайдеров на выбор: популярный [Cloudflare](https://www.cloudflare.com/) и нацеленный на приватность [deSEC](https://desec.io/).
{{< tabpane text=true >}}
{{% tab "deSEC" %}}
@ -188,7 +194,7 @@ SelfPrivacy поддерживает двух провайдеров на выб
4. Нажимаем на большую кнопку с "плюсом" в правом верхнем углу страницы.
![gif](/images/getting_started_screenshots/desec_token.png)
{{< imgproc desec_token Fill "626x287" />}}
5. Должен был появиться "**Generate New Token**" диалог. Вводим любое имя токена в **Token name**.
*Advanced settings* необязательны, так что ничего там не трогаем.
@ -197,7 +203,7 @@ SelfPrivacy поддерживает двух провайдеров на выб
7. Обязательно сохраняем "**secret value**" ключ токена, потому что он отображается исключительно один раз.
![gif](/images/getting_started_screenshots/desec_token2.png)
{{< imgproc desec_token2 Fill "626x287" />}}
8. Теперь спокойно закрываем диалог, нажав **close**.
@ -214,7 +220,7 @@ SelfPrivacy поддерживает двух провайдеров на выб
2. В правом верхнем углу кликаем на иконку профиля (для мобильной версии сайта: в верхнем левом углу нажимаем
кнопку **Меню** с тремя горизонтальными полосками). В выпавшем меню кликаем на пункт **My Profile**.
![gif](/images/getting_started_screenshots/cl_token.png)
{{< imgproc cl_token Fill "626x287" />}}
3. Нам предлагается на выбор, четыре категории настройки: **Preferences**, **Authentication**, **API Tokens**,
**Sessions**. Выбираем **API Tokens**.
@ -235,7 +241,7 @@ SelfPrivacy поддерживает двух провайдеров на выб
в первом поле выбираем **Zone**, во-втором тоже **Zone**. А уже в третьем нажимаем на **Read**.
Давайте сверим с тем, что у вас получилось:
![gif](/images/getting_started_screenshots/cl_token2.png)
{{< imgproc cl_token2 Fill "626x287" />}}
Ваш выбор должен выглядеть так.
@ -243,13 +249,13 @@ SelfPrivacy поддерживает двух провайдеров на выб
В первом должно быть **Include**, а во втором — **Specific Zone**. Как только Вы выберите **Specific Zone**,
справа появится ещё одно поле. В нём выбираем наш домен.
10. Листаем в самый низ и нажимаем на синюю кнопку **Continue to Summary**.
10. Листаем в самый низ и нажимаем на синюю кнопку **Continue to Summary**.
11. Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен — **DNS:Edit, Zone:Read**.
11. Проверяем, всё ли мы правильно выбрали. Должна присутствовать подобная строка: ваш.домен — **DNS:Edit, Zone:Read**.
12. Нажимаем **Create Token**.
12. Нажимаем **Create Token**.
13. Копируем созданный токен.
13. Копируем созданный токен.
{{% /tab %}}s
@ -287,13 +293,13 @@ SelfPrivacy поддерживает двух провайдеров на выб
3. _Наводим мышкой на боковую панель._ Она должна раскрыться, показав нам пункты меню. Нас интересует последний — **Security** (с иконкой ключика).
![gif](/images/getting_started_screenshots/hetzner.png)
{{< imgproc hetzner Fill "626x287" />}}
4. Далее, в верхней части интерфейса видим примерно такой список: **SSH KEYS, API TOKENS, CERTIFICATES, MEMBERS.** Нам нужен **API TOKENS**. Переходим по нему.
5. По середине в интерфейсе, нас будет ожидать кнопка **GENERATE API TOKEN**. Нажимаем на эту кнопку.
![gif](/images/getting_started_screenshots/hetzner2.png)
{{< imgproc hetzner2 Fill "626x287" />}}
6. В поле **Description** даём нашему токену название (это может быть любое название, которое Вам нравится, сути оно не меняет).
@ -303,7 +309,8 @@ SelfPrivacy поддерживает двух провайдеров на выб
9. После этого, появиться окно с вашим токеном, сохраняем его.
![gif](/images/getting_started_screenshots/hetzner3.png)
{{< imgproc hetzner3 Fill "626x287" />}}
{{% /tab %}}

Binary file not shown.

After

Width:  |  Height:  |  Size: 25 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 14 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 22 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 40 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 78 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 136 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 66 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 194 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 137 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 217 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 55 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 228 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 32 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 72 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 30 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 21 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 59 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 48 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 45 KiB