<?xml version="1.0" encoding="utf-8" standalone="yes"?>
<rss version="2.0"
  xmlns:atom="http://www.w3.org/2005/Atom"
  xmlns:content="http://purl.org/rss/1.0/modules/content/"
  xmlns:dc="http://purl.org/dc/elements/1.1/">
  <channel>
    <title>IT (АйТи) - Павел Васильев. Блог.</title>
    <link>https://pavel.su/it/</link>
    <description>Интернет-технологии</description>
    <generator>Hugo -- gohugo.io</generator>
    <language>ru-RU</language>
    <lastBuildDate>Tue, 10 Nov 2026 15:03:36 &#43;0000</lastBuildDate>
    <atom:link href="https://pavel.su/it/index.xml" rel="self" type="application/rss+xml" />
    <item>
      <title>Элементы markdown для Hugo Pocket</title>
      <link>https://pavel.su/it/markdown-for-hugo-pocket/</link>
      <pubDate>Tue, 03 Nov 2026 01:00:00 &#43;0000</pubDate>
      <guid>https://pavel.su/it/markdown-for-hugo-pocket/</guid>
      <description>Элементы оформления markdown с примерами отображения для темы Hugo Pocket.</description>
      <content:encoded><![CDATA[<p>Сборник элементов управления для с примерами отображения в теме Pocket для Hugo.</p>
<h2 id="описание">Описание</h2>
<p>Элемент description в заголовке .md файла страницы даёт короткий текст, который выводится в начале страницы и вытаскивается под заголовок поста в общем списке статей на первой странице, в категории, теге и тд.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">+++
</span></span><span class="line"><span class="cl">...
</span></span><span class="line"><span class="cl">description = &#34;Элементы оформления markdown с примерами отображения для темы Hugo Pocket.&#34;
</span></span><span class="line"><span class="cl">...
</span></span><span class="line"><span class="cl">+++
</span></span></code></pre></div><h2 id="заголовки">Заголовки</h2>
<p><code># Заголовок уровня 1</code></p>
<p><code>## Заголовок уровня 2</code></p>
<p><code>### Заголовок уровня 3</code></p>
<p>&hellip;</p>
<p>(Рабочие примеры по тексту)</p>
<h2 id="работа-с-текстом">Работа с текстом</h2>
<p>Размертка обычного текста:  <code>**жирный**</code> <strong>жирный</strong>, <code>*курсив*</code> <em>курсив</em>, <code>***жирный курсив***</code> <em><strong>жирный курсив</strong></em>, <code>`кусок кода`</code> <code>кусок кода</code>. <code>~~Зачёркнутый текст~~</code>  <del>Зачёркнутый текст</del>, <code>&lt;u&gt;подчёркнутый текст&lt;/u&gt;</code> <u>подчёркнутый текст</u></p>
<div class="shortcode-note shortcode-note--tip"><div class="shortcode-note__title">Обратные кавычки</div><div class="shortcode-note__body">
    <p>Одинарные обратные кавычки ` - кусок кода в тексте. Не копируется автоматом.</p>
<p>Тройные обратные кавычки ``` - появляется блок кода с кнопкой копирования.</p>
<p>Показать код с кавычками ``` - обернуть его в бОльшее количество кавычек ````.</p>

  </div>
</div>

<h3 id="горизонтальная-линия">Горизонтальная линия</h3>
<p>Горизонтальная линия</p>
<p><code>---</code></p>
<hr>
<h2 id="ссылки">Ссылки</h2>
<h3 id="одиночная">Одиночная</h3>
<p>Ссылка: <code>[Ссылка на Hugo](https://gohugo.io/)</code> - <a href="https://gohugo.io/">Ссылка на Hugo</a>.</p>
<h3 id="блок-ссылок">Блок ссылок</h3>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">{{/*&lt; friendlinks*/ &gt;}}
</span></span><span class="line"><span class="cl">  - title: Hugo
</span></span><span class="line"><span class="cl">    description: Самый быстрый в мире генератор статических сайтов.
</span></span><span class="line"><span class="cl">    website: https://gohugo.io
</span></span><span class="line"><span class="cl">    image: https://gohugo.io/favicon.ico 
</span></span><span class="line"><span class="cl">  - title: Приложение Pocket
</span></span><span class="line"><span class="cl">    description: В приложении Pocket Hugo app можно сразу писать.
</span></span><span class="line"><span class="cl">    website: https://leftn.com
</span></span><span class="line"><span class="cl">    image: logo-app.webp
</span></span><span class="line"><span class="cl">  - title: Тема Pocket Hugo
</span></span><span class="line"><span class="cl">    description: Самая классная тема
</span></span><span class="line"><span class="cl">    website: https://theme.leftn.com
</span></span><span class="line"><span class="cl">    image: pocket-hugo-theme-logo.webp
</span></span><span class="line"><span class="cl">{{&lt; /friendlinks &gt;}}
</span></span></code></pre></div><section class="links-grid">
    <div class="links-grid__items">
        <a class="friend-card" href="https://gohugo.io" target="_blank" rel="noopener noreferrer">
                
                    <div class="friend-card__media">
                        <img src="https://gohugo.io/favicon.ico" alt="Элементы markdown для Hugo Pocket">
                    </div>
                
                <div class="friend-card__body">
                    <strong>Hugo</strong>
                    <span>Самый быстрый в мире генератор статических сайтов.</span>
                </div>
            </a>
        <a class="friend-card" href="https://leftn.com" target="_blank" rel="noopener noreferrer">
                
                    <div class="friend-card__media">
                        <img src="/it/markdown-for-hugo-pocket/pocket-hugo-logo.webp" alt="Элементы markdown для Hugo Pocket">
                    </div>
                
                <div class="friend-card__body">
                    <strong>Приложение Pocket</strong>
                    <span>В приложении Pocket Hugo app можно сразу писать.</span>
                </div>
            </a>
        <a class="friend-card" href="https://theme.leftn.com" target="_blank" rel="noopener noreferrer">
                
                    <div class="friend-card__media">
                        <img src="/it/markdown-for-hugo-pocket/pocket-hugo-theme-logo.webp" alt="Элементы markdown для Hugo Pocket">
                    </div>
                
                <div class="friend-card__body">
                    <strong>Тема Pocket Hugo</strong>
                    <span>Самая классная тема</span>
                </div>
            </a>
        
    </div>
</section>
<h2 id="списки">Списки</h2>
<h3 id="ненумерованный">Ненумерованный</h3>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">- Один пункт.
</span></span><span class="line"><span class="cl">- Другой.
</span></span><span class="line"><span class="cl">- Второй.
</span></span><span class="line"><span class="cl">- Третий
</span></span></code></pre></div><ul>
<li>Один пункт.</li>
<li>Другой.</li>
<li>Второй.</li>
<li>Третий</li>
</ul>
<h3 id="нумерованный-список">Нумерованный список</h3>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">1. Строго 1.
</span></span><span class="line"><span class="cl">2. Строго 2.
</span></span><span class="line"><span class="cl">3. Строго 3.
</span></span></code></pre></div><ol>
<li>Строго 1.</li>
<li>Строго 2.</li>
<li>Строго 3.</li>
</ol>
<h3 id="todo-лист">Todo-лист</h3>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">- [x] Уже сделано 1
</span></span><span class="line"><span class="cl">- [x] Уже сделано 2
</span></span><span class="line"><span class="cl">- [ ] Этот пункт надо сделать
</span></span></code></pre></div><ul>
<li><input checked="" disabled="" type="checkbox"> Уже сделано 1</li>
<li><input checked="" disabled="" type="checkbox"> Уже сделано 2</li>
<li><input disabled="" type="checkbox"> Этот пункт надо сделать</li>
</ul>
<h2 id="цитаты-выноски-заметки">Цитаты, выноски, заметки</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">&gt; Цитата в тексте.
</span></span><span class="line"><span class="cl">&gt;
</span></span><span class="line"><span class="cl">&gt; Можно в несколько строк.
</span></span></code></pre></div><blockquote>
<p>Цитата в тексте.</p>
<p>Можно в несколько строк.</p>
</blockquote>
<p>Заметка <code>note</code> для выделения подсказок, предупреждений, ремарок.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; note type=&#34;info&#34; title=&#34;Заголовок заметки (серый)&#34; &gt;}}
</span></span><span class="line"><span class="cl">Какой-то текст внутри заметки, чтобы было удобно обратить внимание.
</span></span><span class="line"><span class="cl">{{&lt; /note &gt;}}
</span></span></code></pre></div><p><code>type=&quot;info&quot;</code>
<div class="shortcode-note shortcode-note--info"><div class="shortcode-note__title">Заголовок заметки (серый)</div><div class="shortcode-note__body">
    Какой-то текст внутри заметки, чтобы было удобно обратить внимание.
  </div>
</div>
</p>
<p><code>type=&quot;tip&quot;</code></p>
<div class="shortcode-note shortcode-note--tip"><div class="shortcode-note__title">Зеленый</div><div class="shortcode-note__body">
    Какой-то текст внутри заметки, чтобы было удобно обратить внимание.
  </div>
</div>

<p><code>type=&quot;warn&quot;</code></p>
<div class="shortcode-note shortcode-note--warn"><div class="shortcode-note__title">Рыжий</div><div class="shortcode-note__body">
    Какой-то текст внутри заметки, чтобы было удобно обратить внимание.
  </div>
</div>

<h2 id="блоки-кода">Блоки кода</h2>
<p>Любой текст, ограниченный тремя обратными кавычками:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">```
</span></span><span class="line"><span class="cl">theme = &#34;pocket-hugo-theme&#34;
</span></span><span class="line"><span class="cl">defaultContentLanguage = &#34;en&#34;
</span></span><span class="line"><span class="cl">mainSections = [&#34;posts&#34;]
</span></span><span class="line"><span class="cl">```
</span></span></code></pre></div><p>Будет выглядеть так:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">theme = &#34;pocket-hugo-theme&#34;
</span></span><span class="line"><span class="cl">defaultContentLanguage = &#34;en&#34;
</span></span><span class="line"><span class="cl">mainSections = [&#34;posts&#34;]
</span></span></code></pre></div><p>Можно указать тип кода (```html):</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">```html
</span></span><span class="line"><span class="cl">&lt;html&gt;
</span></span><span class="line"><span class="cl">	&lt;body&gt;
</span></span><span class="line"><span class="cl">	&lt;p&gt; Текст на html-странице&lt;/p&gt;
</span></span><span class="line"><span class="cl">	&lt;/body&gt;
</span></span><span class="line"><span class="cl">&lt;/html&gt;
</span></span><span class="line"><span class="cl">```
</span></span></code></pre></div><div class="highlight"><pre tabindex="0" class="chroma"><code class="language-html" data-lang="html"><span class="line"><span class="cl"><span class="p">&lt;</span><span class="nt">html</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">	<span class="p">&lt;</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">	<span class="p">&lt;</span><span class="nt">p</span><span class="p">&gt;</span> Текст на html-странице<span class="p">&lt;/</span><span class="nt">p</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl">	<span class="p">&lt;/</span><span class="nt">body</span><span class="p">&gt;</span>
</span></span><span class="line"><span class="cl"><span class="p">&lt;/</span><span class="nt">html</span><span class="p">&gt;</span>
</span></span></code></pre></div><ul>
<li>чтобы показать пример с тремя кавычками, нужно этот блок обернуть в четыре кавычки. И т.д.</li>
</ul>
<h2 id="таблицы">Таблицы</h2>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">| Элемент | Важность |
</span></span><span class="line"><span class="cl">| --- | --- |
</span></span><span class="line"><span class="cl">| Заголовки | Задают ритмику текста |
</span></span><span class="line"><span class="cl">| Списки | Дают структуру |
</span></span><span class="line"><span class="cl">| Цитаты | Атрибутируют текст |
</span></span><span class="line"><span class="cl">| Изображения | Иллюстрируют сухой текст |
</span></span></code></pre></div><table>
	<thead>
			<tr>
					<th>Элемент</th>
					<th>Важность</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td>Заголовки</td>
					<td>Задают ритмику текста</td>
			</tr>
			<tr>
					<td>Списки</td>
					<td>Дают структуру</td>
			</tr>
			<tr>
					<td>Цитаты</td>
					<td>Атрибутируют текст</td>
			</tr>
			<tr>
					<td>Изображения</td>
					<td>Иллюстрируют сухой текст</td>
			</tr>
	</tbody>
</table>
<ul>
<li>если колонок в таблице много, автоматически включается горизонтальный скролинг таблицы (влево-вправо)</li>
</ul>
<table>
	<thead>
			<tr>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
					<th>Заголовок</th>
			</tr>
	</thead>
	<tbody>
			<tr>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
			</tr>
			<tr>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
			</tr>
			<tr>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
					<td>Элемент</td>
			</tr>
	</tbody>
</table>
<p><div class="shortcode-note shortcode-note--warn"><div class="shortcode-note__title">Проверяйте количество столбцов!</div><div class="shortcode-note__body">
    Количество столбцов во всех строках должно строго совпадать! Если хотя бы в одной строке количество элементов будет отличаться - таблица отображаться <strong>не будет</strong>.
  </div>
</div>

<div class="shortcode-note shortcode-note--warn"><div class="shortcode-note__title">Не забывайте | &mdash; | &mdash; |</div><div class="shortcode-note__body">
    Элемент <code>| --- | --- |</code> под заголовком - обязателен.
  </div>
</div>
</p>
<h2 id="раскрывашка">Раскрывашка</h2>
<p>Видимый текстовый блок + раскрывающийся дополнительный текст, по умолчанию скрытый под стрелочкой - <code>fold</code>.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; fold &#34;Короткий видимый текст и стрелочка&#34; &gt;}}
</span></span><span class="line"><span class="cl">Дополнительный объём текста, который становится видимым только после нажатия на стрелочку, включая элементы оформления, например  `&lt;details&gt;` элемент.
</span></span><span class="line"><span class="cl">{{&lt; /fold &gt;}}
</span></span></code></pre></div><details class="pavel-fold">
    <summary>Короткий видимый текст и стрелочка</summary>
    <div class="pavel-fold__content">
        Дополнительный объём текста, который становится видимым только после нажатия на стрелочку, включая элементы оформления, например  <code>&lt;details&gt;</code> элемент.
    </div>
</details>

<h2 id="бейджи">Бейджи</h2>
<p>Просто метки. Ничего не делают, используются для определения текущего статуса или какой-то маркировки.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; badge &#34;Stable&#34; &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; badge text=&#34;Optional&#34; type=&#34;info&#34; &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; badge text=&#34;Experimental&#34; type=&#34;warn&#34; &gt;}}
</span></span></code></pre></div><p><span class="shortcode-badge shortcode-badge--default">Stable</span>

<span class="shortcode-badge shortcode-badge--info">Optional</span>

<span class="shortcode-badge shortcode-badge--warn">Experimental</span>
 - можно в одну линию</p>
<p><code>type</code> - <span class="shortcode-badge shortcode-badge--default">Stable</span>
</p>
<p><code>type=&quot;info&quot;</code> - <span class="shortcode-badge shortcode-badge--info">Optional</span>
</p>
<p><code>type=&quot;warn&quot;</code> - <span class="shortcode-badge shortcode-badge--warn">Experimental</span>
</p>
<h2 id="кнопка">Кнопка</h2>
<p>Кнопка <code>button</code> - реальное действие внутри текста.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; button href=&#34;https://pavel.su/&#34; label=&#34;Открыть Первую&#34; &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; button href=&#34;https://ya.ru&#34; label=&#34;Открыть Яндекс&#34; style=&#34;ghost&#34; &gt;}}
</span></span></code></pre></div><p><a class="shortcode-button shortcode-button--primary" href="/">Открыть Первую</a>

<a class="shortcode-button shortcode-button--ghost" href="https://ya.ru">Открыть Я</a>
</p>
<h2 id="изображения">Изображения</h2>
<p><code>![Текст для изображения](sample.jpg)</code></p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/markdown-for-hugo-pocket/sample.jpeg" data-lightbox-image>
        <img
            src="/it/markdown-for-hugo-pocket/sample_hu_ffa7568f1d195258.webp"
            alt="Текст для изображения"
            loading="lazy"
            decoding="async"
            srcset="/it/markdown-for-hugo-pocket/sample_hu_bcc406f4cdfa841a.webp 640w, /it/markdown-for-hugo-pocket/sample_hu_ffa7568f1d195258.webp 960w"
            sizes="100vw"
            width="1024"
            height="640"
            
        >
    </a>
    
</figure>
</p>
<ul>
<li>до изображения должен быть прописан путь в то место, где оно лежит.</li>
</ul>
<p>Встроенной галереи в Hugo Pocket нет - её надо конструировать другими методами.</p>
<h2 id="видео-и-аудио">Видео и аудио</h2>
<p>Встроить локальное или внешнее аудио и видео:</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; video src=&#34;https://pavel.su/media/demo.mp4&#34; title=&#34;Локальное HTML5 видео&#34; &gt;}}Текстовое описание для видео.{{&lt; /video &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; audio src=&#34;https://pavel.su/media/demo.mp3&#34; title=&#34;Audio clip&#34; &gt;}}Текстовое описание для локального аудио.{{&lt; /audio &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; youtube id=&#34;rdwz7QiG0lk&#34; &gt;}}Встроенное видео YouTube оформленное в том же стиле.{{&lt; /youtube &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; bilibili bvid=&#34;BV1xx411c7mu&#34; &gt;}}То же самое для Билибили.{{&lt; /bilibili &gt;}}
</span></span></code></pre></div><figure class="shortcode-media shortcode-media--video">
  <video
    controls
    preload="metadata"
    title="Локальное HTML5 видео"
    
    
    
    
    playsinline>
    <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-videos/flower.mp4" />
  </video>
  <figcaption>Текстовое описание для видео.</figcaption>
</figure>

<figure class="shortcode-media shortcode-media--audio">
  <div class="shortcode-audio__title">Локальное HTML5 аудио</div>
  <audio controls preload="metadata">
    <source src="https://interactive-examples.mdn.mozilla.net/media/cc0-audio/t-rex-roar.mp3">
  </audio>
  <figcaption>Текстовое описание для локального аудио.</figcaption>
</figure>

<figure class="shortcode-media shortcode-media--embed">
  <div class="shortcode-embed">
    <iframe
      src="https://www.youtube-nocookie.com/embed/rdwz7QiG0lk"
      title="YouTube video"
      loading="lazy"
      referrerpolicy="strict-origin-when-cross-origin"
      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
      allowfullscreen>
    </iframe>
  </div>
  <figcaption>Встроенное видео YouTube оформленное в том же стиле.</figcaption>
</figure>

<figure class="shortcode-media shortcode-media--embed">
  <div class="shortcode-embed">
    <iframe
      src="https://player.bilibili.com/player.html?bvid=BV1xx411c7mu&page=1"
      title="Bilibili video"
      loading="lazy"
      scrolling="no"
      frameborder="0"
      allowfullscreen>
    </iframe>
  </div>
  <figcaption>То же самое для Билибили.</figcaption>
</figure>

<h2 id="таймлайн">Таймлайн</h2>
<p>Лента времени <code>timeline</code> для оформления исторической последовательности.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; timeline &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; timeline-item date=&#34;2026-01&#34; title=&#34;Планирование&#34; &gt;}}Составление планов на светлое будущее.{{&lt; /timeline-item &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; timeline-item date=&#34;2026-08&#34; title=&#34;Строительство&#34; &gt;}}Строительство светлого будущего.{{&lt; /timeline-item &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; timeline-item date=&#34;2026-02&#34; title=&#34;Наведение красоты&#34; &gt;}}Наведение красоты на светлом будущем.{{&lt; /timeline-item &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; /timeline &gt;}}
</span></span></code></pre></div><div class="shortcode-timeline">
  
<div class="shortcode-timeline__item">
  <div class="shortcode-timeline__rail"></div>
  <div class="shortcode-timeline__content">
    <div class="shortcode-timeline__date">2026-01</div>
    <div class="shortcode-timeline__title">Планирование</div>
    <div class="shortcode-timeline__body">Составление планов на светлое будущее.</div>
  </div>
</div>

<div class="shortcode-timeline__item">
  <div class="shortcode-timeline__rail"></div>
  <div class="shortcode-timeline__content">
    <div class="shortcode-timeline__date">2026-08</div>
    <div class="shortcode-timeline__title">Строительство</div>
    <div class="shortcode-timeline__body">Строительство светлого будущего.</div>
  </div>
</div>

<div class="shortcode-timeline__item">
  <div class="shortcode-timeline__rail"></div>
  <div class="shortcode-timeline__content">
    <div class="shortcode-timeline__date">2026-02</div>
    <div class="shortcode-timeline__title">Наведение красоты</div>
    <div class="shortcode-timeline__body">Наведение красоты на светлом будущем.</div>
  </div>
</div>


</div>

<ul>
<li>причем последовательность событий задаётся вручную, даты в тексте ни на что не влияют.</li>
<li>и куски таймлайна могут появляться в любых местах текста, никакой единой связи нет.</li>
</ul>
<h2 id="колонки">Колонки</h2>
<p>Колонки <code>columns</code> для сравнений и подобных вещей. Колонок может быть несколько.</p>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; columns &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; column &gt;}}
</span></span><span class="line"><span class="cl">	### Заголовок левой
</span></span><span class="line"><span class="cl">	- короткие сравнения
</span></span><span class="line"><span class="cl">	- саммари
</span></span><span class="line"><span class="cl">	- до/после
</span></span><span class="line"><span class="cl">	{{&lt; /column &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; column &gt;}}
</span></span><span class="line"><span class="cl">	### Заголовок правой
</span></span><span class="line"><span class="cl">	- укрчвт
</span></span><span class="line"><span class="cl">	- списки
</span></span><span class="line"><span class="cl">	- а контент остаётся длинным
</span></span><span class="line"><span class="cl">	{{&lt; /column &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; /columns &gt;}}
</span></span></code></pre></div><div class="shortcode-columns">
  
<div class="shortcode-columns__item shortcode-columns__item--1">
  <h3 id="заголовок-левой">Заголовок левой</h3>
<ul>
<li>короткие сравнения</li>
<li>саммари</li>
<li>до/после</li>
</ul>

</div>

<div class="shortcode-columns__item shortcode-columns__item--1">
  <h3 id="заголовок-правой">Заголовок правой</h3>
<ul>
<li>укрчвт</li>
<li>списки</li>
<li>а контент остаётся длинным</li>
</ul>

</div>


</div>

<ul>
<li>а вот так ведут себя 3 (три) колонки (то есть это скорее плитки)</li>
</ul>
<div class="highlight"><pre tabindex="0" class="chroma"><code class="language-text" data-lang="text"><span class="line"><span class="cl">{{&lt; columns &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; column &gt;}}
</span></span><span class="line"><span class="cl">### Заголовок левой
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">- короткие сравнения
</span></span><span class="line"><span class="cl">- саммари
</span></span><span class="line"><span class="cl">- до/после
</span></span><span class="line"><span class="cl">{{&lt; /column &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; column &gt;}}
</span></span><span class="line"><span class="cl">### Заголовок правой
</span></span><span class="line"><span class="cl">
</span></span><span class="line"><span class="cl">- укрчвт
</span></span><span class="line"><span class="cl">- списки
</span></span><span class="line"><span class="cl">- а контент остаётся длинным
</span></span><span class="line"><span class="cl">{{&lt; /column &gt;}}
</span></span><span class="line"><span class="cl">{{&lt; /columns &gt;}}
</span></span></code></pre></div><div class="shortcode-columns">
  
<div class="shortcode-columns__item shortcode-columns__item--1">
  <h3 id="заголовок-левой">Заголовок левой</h3>
<ul>
<li>короткие сравнения</li>
<li>саммари</li>
<li>до/после</li>
</ul>

</div>

<div class="shortcode-columns__item shortcode-columns__item--1">
  <h3 id="заголовок-средней">Заголовок средней</h3>
<ul>
<li>смотри лево-право</li>
<li>середина</li>
<li>тарифы иногда так делают</li>
</ul>

</div>

<div class="shortcode-columns__item shortcode-columns__item--1">
  <h3 id="заголовок-правой">Заголовок правой</h3>
<ul>
<li>укрчвт</li>
<li>списки</li>
<li>а контент остаётся длинным</li>
</ul>

</div>


</div>]]></content:encoded>
    </item>
    <item>
      <title>Реестр хостинг провайдеров - как и зачем?</title>
      <link>https://pavel.su/it/rhp-reestr-start/</link>
      <pubDate>Thu, 07 Dec 2023 09:00:00 &#43;0000</pubDate>
      <guid>https://pavel.su/it/rhp-reestr-start/</guid>
      <description>Нужно ли регистрироваться в российском реестре хостинг-провайдеров? И если да, то как это сделать?</description>
      <content:encoded><![CDATA[<p>Нужно ли регистрироваться в российском реестре хостинг-провайдеров? И если да, то как это сделать?</p>
<h2 id="зачем">Зачем</h2>
<p>Федеральный Закон <a href="http://publication.pravo.gov.ru/document/0001202307310022?index=1">31.07.2023 № 406-ФЗ</a> вносит изменения в закон &ldquo;О связи&rdquo; и закон &ldquo;Об информации, информационных технологиях и о защите информации&rdquo;, начинает действовать с 1 декабря 2023 года.</p>
<p>Суть: существующих хостинг-провайдеров надо пересчитать путём их самостоятельного добавления в реестр хостинг-провайдеров (РХП), новые будут проходить довольно сложную процедуру запуска. Реестр запускается 1 декабря 2023, до 15 декабря все хостинг-провайдеры должны самовнестись.</p>
<h2 id="кому-надо">Кому надо</h2>
<p>Всем компаниям, которые предоставляют услуги хостинга. Не только тем, кто размещает сайты (это самое простое), но вообще всем, кто предоставляет свои вычислительные мощности (ресурсы) для других клиентов - виртуальные машины, облака, докеры, базы данных, место на дисках - все.</p>
<p>Аналогично СОРМу, не важно с кем вы работаете - с физическими, юридическими лицами, индивидуальными предпринимателями - никакой роли это не играет. Предоставили кому-то мощности - всё, вы хостер, поздравляю.</p>
<p>Даже если вы очень маленькая компания и предоставляете три вирталки с 1с-кой на своём сервере трём другим компаниям, я бы всё равно рекомендовал зарегистрироваться в качестве хостинг-провайдера. Причины:</p>
<ul>
<li>
<p>сейчас вы можете относительно просто пройти эту процедуру, потом запустить хостинг будет сложнее;</p>
</li>
<li>
<p>не понравится - скажете, что прекратили такую деятельность, услуги не оказываете;</p>
</li>
<li>
<p>вы же планируете развиваться дальше?</p>
</li>
</ul>
<h2 id="где-регистрироваться">Где регистрироваться</h2>
<p>Портал заявителей Роскомнадзора тут: <a href="https://service.rkn.gov.ru">https://service.rkn.gov.ru</a></p>
<p>Непосредственно раздел для регистрации хостинга тут: <a href="https://service.rkn.gov.ru/monitoring/rph">https://service.rkn.gov.ru/monitoring/rph</a></p>
<p>Инструкция по заполнению заявки тут: <a href="https://service.rkn.gov.ru/docs/manualRhp.pdf">https://service.rkn.gov.ru/docs/manualRhp.pdf</a></p>
<p>Если что-то не получается - пишите на мыло поддержки help_rhp@noc.gov.ru. Это мыло есть в инструкции, но кто ж до конца читает-то?!</p>
<p>Вход в портал для заполнения заявки - через ЭЦП организации или через ЕСИА.</p>
<h2 id="что-нужно-подготовить">Что нужно подготовить</h2>
<p>При заполнении данных вам потребуется:</p>
<ul>
<li>
<p>адрес расположения ваших вычислительных ресурсов + геокоординаты</p>
</li>
<li>
<p>адрес подключения интернета + геокоординаты</p>
</li>
<li>
<p>диапазон IP-адресов, используемых для хостинга</p>
</li>
<li>
<p>номер автономной системы (если пользуетесь адресами провайдера спросите у него номер или посмотрите в RIPE)</p>
</li>
<li>
<p>данные сколько у вас вычислительных ресурсов: штук ядер процессоров, штук гигов оперативной памяти, штук гигов дискового пространства</p>
</li>
<li>
<p>номер договора и дата заключения с аплинком (провайдером интернета)</p>
</li>
</ul>
<p>Вроде бы, основное всё.</p>
<p>Перед началом заполнения прочитайте инструкцию от начала до конца - будет легче заполнять.</p>
<h2 id="процесс-заполнения">Процесс заполнения</h2>
<p>Первый раз это должно занять что-то около часа. Пока разберетесь, пока заполните, пока научитесь ошибки искать.</p>
<p>Если в каком-то поле выскакивает ошибка (например, в координатах) - попробуйте убрать знаки препинания, спец-символы и тд.</p>
<p><strong>Рекомендация</strong>: после заполнения <em>каждого</em> блока в карточке нажимайте &ldquo;сохранить&rdquo;. Так проще искать ошибки и меньше заполнять по второму разу.</p>
<p>Для доступа к разделу заявлений нужно пользователю портала <strong>добавить права &ldquo;Реестр провайдеров хостинга&rdquo;</strong>. Без этого не поедет. Возможно, надо будет выйти, потом снова авторизоваться.</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/rhp-reestr-start/images/portal-rhp-users.png" data-lightbox-image>
        <img
            src="/it/rhp-reestr-start/images/portal-rhp-users_hu_59a57b77aee304f7.webp"
            alt=""
            loading="lazy"
            decoding="async"
            srcset="/it/rhp-reestr-start/images/portal-rhp-users_hu_4eed748d8b709a1b.webp 640w, /it/rhp-reestr-start/images/portal-rhp-users_hu_59a57b77aee304f7.webp 960w"
            sizes="100vw"
            width="1024"
            height="503"
            
        >
    </a>
    
</figure>
</p>
<p>Дальше в карточку и вперед заполнять.</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/rhp-reestr-start/images/portal-rhp-create.png" data-lightbox-image>
        <img
            src="/it/rhp-reestr-start/images/portal-rhp-create_hu_f792c753649a0be9.webp"
            alt=""
            loading="lazy"
            decoding="async"
            srcset="/it/rhp-reestr-start/images/portal-rhp-create_hu_f1ea531139229bdb.webp 640w, /it/rhp-reestr-start/images/portal-rhp-create_hu_f792c753649a0be9.webp 960w"
            sizes="100vw"
            width="1024"
            height="487"
            
        >
    </a>
    
</figure>
</p>
<p>На самом деле, в официальной <a href="https://service.rkn.gov.ru/docs/manualRhp.pdf">инструкции</a> всё довольно понятно описано, по шагам.</p>
<h2 id="ошибки-портала">Ошибки портала</h2>
<p>Да, регулярно и с удовольствием оно падает:</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/rhp-reestr-start/images/portal-rhp-error.png" data-lightbox-image>
        <img
            src="/it/rhp-reestr-start/images/portal-rhp-error_hu_ae2de8f3b8e79c1.webp"
            alt=""
            loading="lazy"
            decoding="async"
            srcset="/it/rhp-reestr-start/images/portal-rhp-error_hu_53d607af2ef88b87.webp 640w, /it/rhp-reestr-start/images/portal-rhp-error_hu_ae2de8f3b8e79c1.webp 960w"
            sizes="100vw"
            width="1024"
            height="604"
            
        >
    </a>
    
</figure>
</p>
<p>Ждёте пол-часа и пробуете снова. Или пишете в поддержку.</p>
<p>Либо вот такое:</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/rhp-reestr-start/images/portal-rhp-error-2.png" data-lightbox-image>
        <img
            src="/it/rhp-reestr-start/images/portal-rhp-error-2_hu_507d4914400ce80b.webp"
            alt=""
            loading="lazy"
            decoding="async"
            srcset="/it/rhp-reestr-start/images/portal-rhp-error-2_hu_6ffa25d731b279cd.webp 640w, /it/rhp-reestr-start/images/portal-rhp-error-2_hu_507d4914400ce80b.webp 960w"
            sizes="100vw"
            width="1024"
            height="493"
            
        >
    </a>
    
</figure>
</p>
<p>Скорее всего, тут ошибка в каком-то из блоков. Именно поэтому лучше всего нажимать &ldquo;Сохранить&rdquo; после заполнения каждого блока. Или пишите в поддержку.</p>
<p>После заполнения нажимаете &ldquo;отправить на проверку&rdquo;. Должно отобразиться что-то типа &ldquo;на проверке с такого-то времени&rdquo;.</p>
<p><figure class="article-image">
    <a class="article-image__link" href="/it/rhp-reestr-start/images/portal-rhp-task.png" data-lightbox-image>
        <img
            src="/it/rhp-reestr-start/images/portal-rhp-task_hu_a664384e0e9db313.webp"
            alt=""
            loading="lazy"
            decoding="async"
            srcset="/it/rhp-reestr-start/images/portal-rhp-task_hu_10fd2a2b40e27052.webp 640w, /it/rhp-reestr-start/images/portal-rhp-task_hu_a664384e0e9db313.webp 960w"
            sizes="100vw"
            width="1024"
            height="254"
            
        >
    </a>
    
</figure>
</p>
<p>Как будто пока всё.</p>
<p>На 04 декабря 2023 Роскомнадзор <a href="https://rkn.gov.ru/news/rsoc/news74787.htm">похвастался</a>, что одобрено аж 16 заявок, а ещё 40 начали заполнение (то есть, видимо, надо считать, что заявки были отправлены на проверку, а затем возвращены на доработку. Немного, прямо скажем&hellip;</p>
]]></content:encoded>
    </item>
  </channel>
</rss>
