gemini - kennedy.gemi.dev

💾 Archived View for causa-arcana.com › blog › 2021 › 03 › 25 › ipfs.html captured on 2022-07-16 at 13:47:17.
-=-=-=-=-=-=-
<!DOCTYPE html>
<html class="h-100" lang="ru">
  <head>
    <meta charset="utf-8"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width,
                                   initial-scale=1,
                                   maximum-scale=1,
                                   shrink-to-fit=no,
                                   user-scalable=no"/>

    <title>Размещение сайтов в распределённой файловой системе IPFS | Causa Arcana</title>

    <link rel="canonical" href="https://causa-arcana.com/blog/2021/03/25/ipfs.html"/>
    <link rel="alternate"
          type="application/rss+xml"
          title="Causa Arcana"
          href="https://causa-arcana.com/blog/feed.xml"/>

    <meta name="description" content="
 
  
  
    Логотип IPFS.
  
 


В статье
“Децентрализованные сервисы против распределённых”
в качестве примера распределённой системы мы приводили
IPFS (InterPlanerary File System). Пришла пора рассказать о
ней подробнее, поскольку это одна из н..."/>
    <meta name="twitter:card" content="summary"/>
    <meta name="twitter:site" content="@causa_arcana"/>
    <meta name="twitter:creator" content="@causa_arcana"/>
    <meta name="twitter:title" content="Размещение сайтов в распределённой файловой системе IPFS | Causa Arcana"/>
    <meta name="twitter:description" content="
 
  
  
    Логотип IPFS.
  
 


В статье
“Децентрализованные сервисы против распределённых”
в качестве примера распределённой системы мы приводили
IPFS (InterPlanerary File System). Пришла пора рассказать о
ней подробнее, поскольку это одна из н..."/>
    <meta name="twitter:image" content="https://causa-arcana.com/assets/images/blog/preview/ipfs.jpg"/>
    <meta property="og:type" content="website"/>
    <meta property="og:url" content="https://causa-arcana.com/blog/2021/03/25/ipfs.html"/>
    <meta property="og:title" content="Размещение сайтов в распределённой файловой системе IPFS | Causa Arcana"/>
    <meta property="og:description" content="
 
  
  
    Логотип IPFS.
  
 


В статье
“Децентрализованные сервисы против распределённых”
в качестве примера распределённой системы мы приводили
IPFS (InterPlanerary File System). Пришла пора рассказать о
ней подробнее, поскольку это одна из н..."/>
    <meta property="og:image" content="https://causa-arcana.com/assets/images/blog/preview/ipfs.jpg"/>

    <link href="../../../../assets/images/logo-small.jpg" rel="icon" type="image/jpg" />
    <link href="../../../../assets/stylesheets/site.css" rel="stylesheet" />
  </head>

  <body class="d-flex flex-column h-100">
    <header>
      <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
  <div class="container-fluid">
<a href="../../../../index.html" class="navbar-brand">      <img src="../../../../assets/images/logo-small.jpg" width="30" height="30" alt="Логотип" />
      Causa Arcana
</a>
    <div class="navbar-collapse">
      <ul class="navbar-nav me-auto">
        <li class="nav-item">
<a href="../../../feed.html" class="nav-link  active ">            Блог
</a>        </li>

        <li class="nav-item">
<a href="../../../../sources.html" class="nav-link ">            Источники
</a>        </li>

        <li class="nav-item">
<a href="../../../../git.html" class="nav-link ">            Git
</a>        </li>

        <li class="nav-item">
<a href="../../../../team/index.html" class="nav-link ">            Наша команда
</a>        </li>
      </ul>
    </div>
  </div>
</nav>

    </header>

    <main>
        <article class="cl-blog-article container mt-4 mb-5">
    <header>
      <h1>Размещение сайтов в распределённой файловой системе IPFS</h1>

      <p>
        <small class="text-muted">
  <time datetime="2021-03-25T01:40:00Z">
    25 Март, 2021 01:40
  </time>
</small>

&bull;

<small class="text-muted">
  Александр Котов
</small>

  &bull;

    <a href="https://medium.com/causa-arcana/ipfs-a87b04790dc9"><i class="fab fa-medium"></i> Medium</a>

<br/>

  <span class="badge bg-secondary me-2">
    ipfs
  </span>
  <span class="badge bg-secondary me-2">
    децентрализация
  </span>
  <span class="badge bg-secondary me-2">
    распределённые приложения
  </span>

      </p>
    </header>

    <div class="blog-article--main mt-5 text-break">
      <div class="d-flex justify-content-center">
 <figure class="nice-figure">
  <img src="../../../../assets/images/blog/ipfs.jpg"
       alt="Логотип IPFS."/>
  <figcaption>
    Логотип IPFS.
  </figcaption>
 </figure>
</div>

<p>В статье
&ldquo;<a href="../../../2020/06/04/decentralized-vs-distributed.html">Децентрализованные сервисы против распределённых</a>&rdquo;
в качестве примера распределённой системы мы приводили
<a href="https://ipfs.io">IPFS (InterPlanerary File System)</a>. Пришла пора рассказать о
ней подробнее, поскольку это одна из наиболее перспективных распределённых
технологий.</p>

<h2>Что такое IPFS?</h2>

<p>IPFS &ndash; это глобальное хранилище неизменяемой информации. Работает как временный
кэш, но также возможно использование специальных сервисов (платных или
волонтёрских), гарантирующих сохранность информации.</p>

<h3>Какие проблемы решает IPFS?</h3>

<p>IPFS <a href="https://ipfs.io/ipfs/bafybeiaqdybghuhw5diqswi2nst2s4kx724ioklijwwgazsr4f5mrg5n5u/#why">должен заменить</a>
некоторые функции HTTP (и HTTPS) из-за проблем этого протокола:</p>

<ul>
<li>HTTP загружает файл с одного сервера вместо того, чтобы получать его части из
множества источников одновременно. Это увеличивает нагрузку на этот сервер и
расходует его сетевой трафик. IPFS позволяет
<a href="http://math.oregonstate.edu/~kovchegy/web/papers/p2p-vdn.pdf">сократить</a> эти
расходы.</li>
<li>HTTP требует, чтобы сервер, с которого происходит загрузка файла,
присутствовал в этот момент по определённому в ссылке адресу. Это приводит к
тому, что среднее время жизни веб-страницы в Интернете
<a href="https://blogs.loc.gov/thesignal/2011/11/the-average-lifespan-of-a-webpage/">составляет</a>
100 дней. IPFS выполняет функцию веб-архива, позволяя сохранять полезную
информацию.</li>
<li>HTTP зависит от лежащих в его основе протоколов TCP, IP и DNS, которые
управляются централизованными организациями, поэтому подвержены слежке и
цензуре. IPFS не зависит от нижележащих протоколов и наличия прямого
подключения к Интернету вообще.</li>
<li>HTTP позволяет подменить отдаваемое содержимое. Хотя для многих задач жизненно
необходимо постоянно его обновлять, некоторые файлы и веб-страницы должны
оставаться неизменными. В IPFS идентификатор файла однозначно определяет его
содержимое.</li>
</ul>

<h3>Устройство IPFS</h3>

<p>В основе IPFS лежат
<a href="https://ipfs.io/ipfs/bafybeiaqdybghuhw5diqswi2nst2s4kx724ioklijwwgazsr4f5mrg5n5u/#how">несколько простых принципов</a>:</p>

<ul>
<li>Каждым файлу и директории присваивается <strong>уникальный идентификатор</strong>
(<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/content-addressing/">CID &ndash; Content Identifier</a>)
на основе применения к его содержимому <strong>криптографической хэш-функции</strong>.
Одинаковые файлы получают одинаковый идентификатор, разные файлы &ndash; разные
идентификаторы.</li>
<li>Сеть <strong>устраняет дублирование</strong>. Например, если при загрузке новой версии
директории часть файлов не изменились, то они будут разделены между новой и
предыдущей версиями.</li>
<li><strong>Адресация</strong> содержимого осуществляется <strong>по его уникальному идентификатору</strong>
(<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/content-addressing/">content addressing</a>),
то есть не зависит от его фактического положения в сети.</li>
<li>Каждый <strong>узел содержит только ту информацию, в которой он заинтересован</strong>, а
также некоторую дополнительную информацию, необходимую для поиска файлов в
сети (<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/dht/">DHT &ndash; Distributed Hash Table</a>).</li>
</ul>

<p>За более подробной информацией обратитесь к
<a href="https://ipfs.io/ipfs/bafybeibjo6pfdtnaqscxeu5bmsy5n27eg2kntswt2jmmv3enaejjbc45ce">whitepaper</a>
и к <a href="https://docs.ipfs.io">документации</a>.</p>

<p><strong>ВНИМАНИЕ!</strong> IPFS является полностью публичной сетью. Любой помещённый в неё
файл доступен каждому участнику сети. Для ограничения доступа используйте
шифрование. Также возможно создание приватной сети на основе IPFS. Более
подробно читайте
<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/privacy/">в документации</a>.</p>

<h3>Фиксация содержимого</h3>

<p>IPFS по умолчанию не даёт никаких гарантий того, что файлы будут храниться в
сети. Как уже было сказано, узлы хранят только те файлы, которые используют.</p>

<p>Для сохранения файлов существует механизм закрепления
(<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/persistence/">pinning</a>).
Есть несколько сценариев его использования:</p>

<ul>
<li>Вы можете закрепить файл на своём рабочем компьютере или ноутбуке. При этом
для вас он будет доступен всегда, даже в отсутствие доступа к Интернету, но
другие пользователи сети не смогут получить к нему доступ, когда вы не в сети.</li>
<li>Вы можете запустить узел IPFS на сервере, который запущен постоянно. При этом
файл будет доступен всегда, однако появляются расходы на содержание сервера
(оплата услуг VDS, администрирование).</li>
<li>Вы можете закрепить файл на чужом сервере IPFS, лично обратившись к его
администратору, а также воспользовавшись веб-интерфейсом или API сервиса, если
таковые имеются.</li>
</ul>

<p>Для надёжности следует использовать все способы и закреплять файлы на нескольких
узлах. Чем больше узлов хранит файл, тем меньше вероятность того, что он
пропадёт, если узел будет закрыт.</p>

<p>На данный момент единственным известным нам сервисом по фиксации файлов в IPFS,
работающим в автоматическом режиме, является <a href="https://pinata.cloud">Pinata</a>. Он
предоставляет 1 ГБ бесплатно, сверх этого хранение стоит $0.15 в месяц за 1 ГБ.</p>

<h3>Шлюзы</h3>

<p>Для доступа к файлам, размещённым в IPFS, требуется установка специального
<a href="https://ipfs.io/ipfs/bafybeiaqdybghuhw5diqswi2nst2s4kx724ioklijwwgazsr4f5mrg5n5u/#install">программного обеспечения</a>.
Расширение для веб-браузеров
<a href="https://github.com/ipfs-shipyard/ipfs-companion">IPFS Companion</a>
делает опыт взаимодействия в веб-браузере со страницами из IPFS неотличимым от
взаимодействия с обычными веб-страницами.
<a href="https://github.com/ipfs-shipyard/ipfs-desktop">IPFS Desktop</a>
позволяет рядовому пользователю легко использовать IPFS. Для администраторов
серверов или для продвинутых пользователей возможна установка с помощью
<a href="https://github.com/ipfs/ipfs-update">ipfs-update</a>, из
<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/install/command-line/">бинарных репозиториев</a>
или путём компиляции из <a href="https://github.com/ipfs/go-ipfs">исходного кода</a>.</p>

<p>Необходимость установки программного обеспечения, даже если она не вызывает
больших трудностей, сильно ограничивает потенциал IPFS. Для решения этой
проблемы были придуманы шлюзы
(<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/ipfs-gateway/">gateways</a>)
&ndash; обычные веб-сайты, которые отдают содержимое из IPFS.</p>

<p>Как это работает? Допустим, в IPFS имеется файл с адресом
<code>ipfs://bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/ipfs-gateway/</code>.
Традиционное программное обеспечение не умеет открывать такие адреса. Поэтому мы
можем сформиров��ть обычную ссылку:
<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/ipfs-gateway/">https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/ipfs-gateway/</a>.
Здесь <code>ipfs.io</code> &ndash; это шлюз, который принадлежит разработчикам IPFS. Он
использует способ разрешения имён через путь запроса. В общем случае URL
выглядит так:</p>

<pre><code>https://{URL шлюза}/ipfs/{CID}/{путь к ресурсу}
</code></pre>

<p>У такого способа разрешения имён есть два недостатка. Во-первых, если файл
является веб-страницей, то ссылки на ней должны быть относительными. Во-вторых,
если файл является веб-страницей, содержащей интерактивное одностраничное
веб-приложение, то это угроза безопасности, поскольку приложение работает на том
же домене, что и другие, посторонние приложения.</p>

<p>Поэтому существует ещё способ разрешения имён через поддомен. Ссылка на наш файл
в этом случае будет иметь вид
<a href="https://bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e.ipfs.dweb.link/concepts/ipfs-gateway/">https://bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e.ipfs.dweb.link/concepts/ipfs-gateway/</a>,
где <code>ipfs.dweb.link</code> &ndash; это шлюз, который поддерживает такой способ разрешения
имён. В общем случае URL выглядит так:</p>

<pre><code>https://{CID}.ipfs.{URL шлюза}/{путь к ресурсу}
</code></pre>

<p>Список шлюзов имеется по ссылке
<a href="https://ipfs.github.io/public-gateway-checker/">https://ipfs.github.io/public-gateway-checker/</a>.
Необходимо понимать, что использование сторонних шлюзов нивелирует преимущества
IPFS. Одной из проблем сторонних шлюзов является то, что они без труда могут
осуществить атаку MitM (man-in-the-middle), то есть подменить содержимое, однако
это решается использованием собственного шлюза, поэтому вы вполне можете
использовать IPFS для размещения серьёзных веб-сайтов и веб-приложений, не
создавая неудобств для пользователей.</p>

<h3>IPNS</h3>

<p>Поскольку IPFS использует адресацию на основе содержимого, малейшее изменение
полностью меняет адрес. Для того, чтобы иметь постоянную ссылку на меняющееся
содержимое, поверх IPFS построена система
<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/ipns/">IPNS (InterPlanetary Name System)</a>.
Эта система очень простая. С использованием приватного ключа узел сообщает сети,
что он хочет опубликовать по адресу, связанному с этим ключом, определённый CID.
Эта привязка остаётся действительной некоторый промежуток времени, обычно сутки.
Чтобы адрес оставался актуальным, требуется периодически повторно осуществлять
эту операцию, что можно автоматизировать, например, с помощью
<a href="https://ru.wikipedia.org/wiki/Cron">Cron</a>.</p>

<p>К сожалению, этот процесс нельзя делегировать стороннему сервису, как это
возможно в случае простого хранения файлов, не передавая ему свой приватный
ключ. Однако, это позволяет раздавать веб-сайт, например, с постоянно
включенного домашнего компьютера, даже если он находится за NAT. Система IPNS
ещё развивается. Возможно, в будущем это ограничение будет устранено.</p>

<p>В качестве примера приводим постоянный адрес веб-сайта Causa Arcana в IPNS
(через шлюз):
<a href="https://k51qzi5uqu5ditckag7gw12c301kwxac5fpobs62i21uysuiry3bobotvbenmc.ipns.dweb.link/">https://k51qzi5uqu5ditckag7gw12c301kwxac5fpobs62i21uysuiry3bobotvbenmc.ipns.dweb.link/</a>.</p>

<h3>DNSLink</h3>

<p>IPNS использует в качестве идентификатора CID. Это очень длинная и ничего не
значащая для человека строка, её неудобно произносить вслух и вводить вручную.
Благодаря <a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/concepts/dnslink/">DNSLink</a>
можно привязать содержимое IPFS к традиционному доменному имени. Например,
веб-сайт <a href="https://causa-arcana.com">https://Causa-Arcana.com</a>
работает через DNSLink. При этом пользователи, у которых стоит программное
обеспечение IPFS, получают содержимое из этой сети, а остальные пользователи
получают содержимое через шлюз.</p>

<p>Для привязки CID к доменному имени необходимо создать две записи в DNS:</p>

<pre><code>causa-arcana.com.          IN CNAME cloudflare-ipfs.com.
_dnslink.causa-arcana.com. IN TXT   &quot;dnslink=/ipfs/bafybeic7vznjiq3tby7fezgdux6225x2pj3f6lkmrmivz3j4vbvb43yvhm&quot;
</code></pre>

<p>Здесь <code>cloudflare-ipfs.com</code> &ndash; это адрес шлюза, который поддерживает DNSLink.</p>

<p>Преимуществом DNSLink перед IPNS, помимо более удобного имени веб-сайта и
отсутствия необходимости иметь сервер для постоянного повторения процесса
публикации, является отсутствие в ссылке доменного имени конкретного шлюза. Если
шлюз перестал работать или заблокировал ваш веб-сайт, то достаточно выбрать
другой шлюз и вписать его в запись DNS типа CNAME. В то же время, этот способ
подразумевает привязку к традиционной системе доменных имён, которая является
централизованной, в ней возможны цензура и изъятие домена.</p>

<h3>Виды CID</h3>

<p>Существует два вида идентификаторов содержимого:</p>

<ul>
<li><strong>CIDv0</strong>: <code>QmesV3cwCMeweAMePKhPCkoKNh2A3cMgEYQwRPUUf3Cvy7</code></li>
<li><strong>CIDv1</strong>: <code>bafybeihvuei3zko5ao5v7k2tutds4b2fm7gcbc3mjete7ifkzsqayuq7ai</code></li>
</ul>

<p>Хотя CIDv0 всё ещё является стандартным для содержимого, помещаемого в IPFS, он
плохо подходит для поддоменов, поскольку использует и заглавные, и строчные
буквы, в то время как доменные имена не чувствительны к регистру.</p>

<p>Один и тот же идентификатор CIDv1 может использовать различные кодировки:</p>

<ul>
<li><strong>Base32</strong>: <code>bafzaajaiaejca2m4edvf5zdbgnbj5nvz2nm7chdtwzfcupmoaaarifdonsl7ibqu</code></li>
<li><strong>Base36</strong>: <code>k51qzi5uqu5ditckag7gw12c301kwxac5fpobs62i21uysuiry3bobotvbenmc</code></li>
</ul>

<p>Именно CIDv1 с кодировкой Base36 используется для поддоменов.</p>

<p>Для преобразования между различными видами CID существует сервис
<a href="https://cid.ipfs.io">https://cid.ipfs.io</a>.</p>

<h2>Публикуем веб-сайт в IPFS</h2>

<p>Вам потребуются операционная система на основе GNU/Linux, навыки работы в
командной строке и
<a href="https://ipfs.io/ipfs/bafybeifoottvirj3crpx66qdsey7lxlp6qwk57wl37xygjqymeobwixy5e/install/command-line/">программное обеспечение IPFS</a>.</p>

<h3>Создаём веб-сайт</h3>

<p>Для начала создадим простой веб-сайт, состоящий из двух страниц. Создайте пустую
директорию в вашем домашнем каталоге и перейдите в неё:</p>

<pre><code>$ cd
$ mkdir hello_ipfs
$ cd hello_ipfs
</code></pre>

<p>Также создайте директорию для второй страницы сайта. Это нужно для демонстрации
работы относительных ссылок:</p>

<pre><code>$ mkdir subdir
</code></pre>

<p>В директории верхнего уровня создайте файл <code>index.html</code>. Буквы после слова
<code>random</code> (здесь это <code>74eownSL2tdYBsXm</code>) замените на любые случайные буквы.
Можете просто нажимать произвольные буквы на клавиатуре.</p>

<pre><code class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;!-- random: 74eownSL2tdYBsXm --&gt;
    &lt;meta charset=&quot;utf-8&quot;/&gt;
    &lt;title&gt;Hello, IPFS!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Hello, IPFS!&lt;/h1&gt;
    &lt;a href=&quot;subdir/index.html&quot;&gt;Subdir&lt;/a&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<p>В директории <code>subdir</code> также создайте файл <code>index.html</code>. Аналогичным образом
замените буквы после слова <code>random</code> (здесь это <code>TKj20YgXq9fsqYTr</code>) на случайные
буквы.</p>

<pre><code class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;!-- random: TKj20YgXq9fsqYTr --&gt;
    &lt;meta charset=&quot;utf-8&quot;/&gt;
    &lt;title&gt;Hello from subdir, IPFS!&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;h1&gt;Hello from subdir, IPFS!&lt;/h1&gt;
    &lt;a href=&quot;../index.html&quot;&gt;Root&lt;/a&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>

<h3>Помещаем веб-сайт в IPFS</h3>

<p>Перейдите в корневую директорию вашего проекта и наберите команду
<code>ipfs add -r .</code>, после чего вы должны увидеть примерно следующий текст:</p>

<pre><code>$ ipfs add -r .
added QmfGCviBGivYgbRGd1JfCgxhiXAUgszjwESBtVa9AoxFoW hello_ipfs/index.html
added QmdkXcfsSkpgaeh6GvQLBKVHsCoPEgBso7LW2rQdBoMgUo hello_ipfs/subdir/index.html
added QmPYofiX37wLX7ZDgxvsqNmqSDjDAzz3aurbgdZiSbyMGj hello_ipfs/subdir
added Qmd8QkqLB6xu1p6n6C3bWvtspidsPbx1gJ81fvXQiLdu6s hello_ipfs
 490 B / 490 B [========================================================] 100.00%
</code></pre>

<p>Если вы точно следовали инструкциям и использовали случайные символы, то
указанные в каждой строке после слова <code>added</code> CID у вас будут отличаться от
представленных. Нас интересует последний CID (здесь это
<code>Qmd8QkqLB6xu1p6n6C3bWvtspidsPbx1gJ81fvXQiLdu6s</code>). Наберите его в адресной
строке вашего веб-браузера после адреса любого шлюза. Получится похожая ссылка:
<a href="https://ipfs.io/ipfs/Qmd8QkqLB6xu1p6n6C3bWvtspidsPbx1gJ81fvXQiLdu6s">https://ipfs.io/ipfs/Qmd8QkqLB6xu1p6n6C3bWvtspidsPbx1gJ81fvXQiLdu6s</a>.
Если вы перейдёте по ней, вы увидите ваш веб-сайт. Ссылка с одной его страницы
должна вести на вторую, и наоборот.</p>

<div class="d-flex justify-content-center">
 <figure class="nice-figure">
  <img src="../../../../assets/images/blog/ipfs-hello.png"
       alt="Страницы веб-сайта."/>
  <figcaption>
    Страницы веб-сайта.
  </figcaption>
 </figure>
</div>

    </div>
  </article>

    </main>

    <footer class="mt-auto py-4 bg-dark text-light">
      <div class="container">
  <div class="d-sm-none">
    <div class="row row-cols-1">
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://t.me/causa_arcana" class="link-light"><i class="fab fa-telegram"></i> Канал в Telegram</a></li>
              <li><a href="https://t.me/causa_arcana_chat" class="link-light"><i class="fab fa-telegram"></i> Чат в Telegram</a></li>
              <li><a href="https://www.youtube.com/c/CausaArcana" class="link-light"><i class="fab fa-youtube"></i> YouTube</a></li>
              <li><a href="https://medium.com/causa-arcana" class="link-light"><i class="fab fa-medium"></i> Medium</a></li>
              <li><a href="https://qoto.org/@causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> Mastodon</a></li>
              <li><a href="https://diode.zone/video-channels/causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> PeerTube</a></li>
              <li><a href="https://matrix.to/#/#causa-arcana:matrix.org" class="link-light"><i class="far fa-comments"></i> Matrix</a></li>
              <li><a href="https://twitter.com/causa_arcana" class="link-light"><i class="fab fa-twitter"></i> Twitter</a></li>
          </ul>
        </div>
    </div>
  </div>

  <div class="d-none d-sm-block d-md-none">
    <div class="row row-cols-2">
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://t.me/causa_arcana" class="link-light"><i class="fab fa-telegram"></i> Канал в Telegram</a></li>
              <li><a href="https://t.me/causa_arcana_chat" class="link-light"><i class="fab fa-telegram"></i> Чат в Telegram</a></li>
              <li><a href="https://www.youtube.com/c/CausaArcana" class="link-light"><i class="fab fa-youtube"></i> YouTube</a></li>
              <li><a href="https://medium.com/causa-arcana" class="link-light"><i class="fab fa-medium"></i> Medium</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://qoto.org/@causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> Mastodon</a></li>
              <li><a href="https://diode.zone/video-channels/causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> PeerTube</a></li>
              <li><a href="https://matrix.to/#/#causa-arcana:matrix.org" class="link-light"><i class="far fa-comments"></i> Matrix</a></li>
              <li><a href="https://twitter.com/causa_arcana" class="link-light"><i class="fab fa-twitter"></i> Twitter</a></li>
          </ul>
        </div>
    </div>
  </div>

  <div class="d-none d-md-block d-lg-none">
    <div class="row row-cols-3">
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://t.me/causa_arcana" class="link-light"><i class="fab fa-telegram"></i> Канал в Telegram</a></li>
              <li><a href="https://t.me/causa_arcana_chat" class="link-light"><i class="fab fa-telegram"></i> Чат в Telegram</a></li>
              <li><a href="https://www.youtube.com/c/CausaArcana" class="link-light"><i class="fab fa-youtube"></i> YouTube</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://medium.com/causa-arcana" class="link-light"><i class="fab fa-medium"></i> Medium</a></li>
              <li><a href="https://qoto.org/@causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> Mastodon</a></li>
              <li><a href="https://diode.zone/video-channels/causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> PeerTube</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://matrix.to/#/#causa-arcana:matrix.org" class="link-light"><i class="far fa-comments"></i> Matrix</a></li>
              <li><a href="https://twitter.com/causa_arcana" class="link-light"><i class="fab fa-twitter"></i> Twitter</a></li>
          </ul>
        </div>
    </div>
  </div>

  <div class="d-none d-lg-block">
    <div class="row row-cols-4">
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://t.me/causa_arcana" class="link-light"><i class="fab fa-telegram"></i> Канал в Telegram</a></li>
              <li><a href="https://t.me/causa_arcana_chat" class="link-light"><i class="fab fa-telegram"></i> Чат в Telegram</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://www.youtube.com/c/CausaArcana" class="link-light"><i class="fab fa-youtube"></i> YouTube</a></li>
              <li><a href="https://medium.com/causa-arcana" class="link-light"><i class="fab fa-medium"></i> Medium</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://qoto.org/@causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> Mastodon</a></li>
              <li><a href="https://diode.zone/video-channels/causa_arcana" class="link-light"><i class="fab fa-mastodon"></i> PeerTube</a></li>
          </ul>
        </div>
        <div class="col">
          <ul class="list-unstyled mb-0">
              <li><a href="https://matrix.to/#/#causa-arcana:matrix.org" class="link-light"><i class="far fa-comments"></i> Matrix</a></li>
              <li><a href="https://twitter.com/causa_arcana" class="link-light"><i class="fab fa-twitter"></i> Twitter</a></li>
          </ul>
        </div>
    </div>
  </div>

  <hr/>

  <div class="row">
    <div class="col-12 col-lg-9">
      <p class="mb-0">
        <i class="fas fa-rss-square"></i>
        RSS:
        <a href="https://causa-arcana.com/blog/feed.xml" class="text-reset">https://causa-arcana.com/blog/feed.xml</a>
      </p>

      <p class="mb-0">
        <i class="fab fa-creative-commons-by"></i>
        Содержимое доступно на условиях лицензии <a rel="license" href="https://creativecommons.org/licenses/by/4.0/" class="text-reset">Creative Commons Attribution</a>.
      </p>

      <p class="mb-0">
        <i class="far fa-envelope"></i>
        Связь с администрацией:
        <a href="mailto:admin@causa-arcana.com" class="text-reset">
          admin@causa-arcana.com
        </a>
      </p>
    </div>

    <div class="col-12 col-lg-3">
      <hr class="d-block d-lg-none"/>

      <img src="../../../../assets/images/badge-ipv6.svg" height="24" class="me-2" alt="IPv6" />

<a href="https://no-js.club" target="_blank" class="me-2">        <img src="../../../../assets/images/badge-no-js-club.svg" height="24" alt="no-JS Club" />
</a>
<a href="https://1mb.club" target="_blank" class="me-2 link-light">        <span>[1MB&nbsp;Club]</span>
</a>    </div>
  </div>
</div>

    </footer>
  </body>
</html>