docs: add imgproc to pics

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