<?xml version="1.0" encoding="UTF-8"?><?xml-stylesheet href="/scripts/pretty-feed-v3.xsl" type="text/xsl"?><rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:h="http://www.w3.org/TR/html4/"><channel><title>ArtBrains</title><description>Сайт разработчика сайтов в Москве. Создаёт Shop-Script интернет магазины и простые быстрые сайты.</description><link>https://artbrains.ru</link><item><title>Webasyst Shop-Script vs Tilda</title><link>https://artbrains.ru/blog/webasyst-shop-script-vs-tilda</link><guid isPermaLink="true">https://artbrains.ru/blog/webasyst-shop-script-vs-tilda</guid><description>На какой платформе лучше основывать бизнес? В статье разбираются две платформы. Webasyst Shop-Script и Tilda(Тильда).</description><pubDate>Sat, 02 May 2026 12:00:00 GMT</pubDate><content:encoded>&lt;p&gt;Вот это поворот! Было бы интересно посмотреть на битву этих двух, но тут речь не о противостоянии в честном поединке. Эти ребята скорее из разных видов спорта. Боксёр против борца.&lt;/p&gt;
&lt;p&gt;Что же выбрать бизнесмену или бизнесвумен, с учётом реалий, «грозный вход в партер» или «молниеносный хук слева»? Противостояние &lt;strong&gt;специализированной e-commerce платформы&lt;/strong&gt; и &lt;strong&gt;универсального конструктора с акцентом на дизайн&lt;/strong&gt; выявит победителя? Или может они скрытые союзники?&lt;/p&gt;
&lt;p&gt;Начнём с родословных бойцов. Оба родом из России, что не может не радовать. Оба развиваются более десяти лет. Разберём их, посмотрим на функционал, ограничения, стоимость и реальные сценарии применения их навыков.&lt;/p&gt;
&lt;h2&gt;В зелёном углу — Webasyst Shop-Script&lt;/h2&gt;
&lt;p&gt;Webasyst Shop-Script прошёл довольно долгий путь. Это был студенческий проект, качался и развился в мощную экосистему электронной коммерции. Боец концентрируется на интеграции с маркетплейсами, AI-технологиях и создании омниканальной OMS-системе для управления продажами.&lt;/p&gt;
&lt;h2&gt;В розовом углу — Tilda(Тильда)&lt;/h2&gt;
&lt;p&gt;Сначала как внутренний инструмент студии (2015). Впоследствии мощный инструмент, конструктор сайтов. Начиная с около 20 конструкторских блоков, платформа выросла в мощный визуальный редактор с Zero Block, встроенной CRM, аналитикой и e-commerce возможностями. Прокачка направлена на упрощение дизайна, адаптивность и скорость запуска проектов.&lt;/p&gt;
&lt;h2&gt;Раунд 1 — Позиционирование и философия&lt;/h2&gt;
&lt;p&gt;| Критерий                | Webasyst Shop-Script                                                                                                                        | Tilda                                                      |
| ----------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------- |
| &lt;strong&gt;Основное назначение&lt;/strong&gt; | Полноценная платформа для интернет-магазинов (SaaS + on-premise). C апреля 2025 года появился конструктор страниц (Приложение Site Premium) | Конструктор сайтов с фокусом на дизайн, лендинги и контент |
| &lt;strong&gt;Подход к разработке&lt;/strong&gt; | «Функция первична, дизайн настраивается»                                                                                                    | «Дизайн и скорость первична, логика ограничена»            |
| &lt;strong&gt;Хостинг&lt;/strong&gt;             | Облако Webasyst или собственная серверная установка                                                                                         | Только облачный SaaS                                       |&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Итоги первого раунда:&lt;/strong&gt; С появлением блочного конструктора страниц, Webasyst явно откусил часть славы от Tilda. Но пока его заявка не получила широкой известности. Если выбрать Webasyst Site Premium с блочным редактором, единовременно получится дороже чем Tilda с подпиской. Но в долгосрочной перспективе разница сравняется.&lt;/p&gt;
&lt;h2&gt;Раунд 2 — E-commerce и бизнес-процессы&lt;/h2&gt;
&lt;h3&gt;Webasyst Shop-Script&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Каталог:&lt;/strong&gt; неограниченное количество товаров, сложные модификации, оптовые/розничные цены, партнёрские программы, подписки.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Учёт и логистика:&lt;/strong&gt; встроенный складской учёт, остатки по складам, интеграция с 1С, МойСклад, API для WMS.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Оплаты и доставка:&lt;/strong&gt; ЮKassa, Тинькофф, СБП, наложенный платёж, расчёт по тарифам СДЭК/Boxberry/Почты, самовывоз, курьерские службы.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CRM и автоматизация:&lt;/strong&gt; встроенная CRM, воронки продаж, триггерные письма/смс, интеграция с amoCRM, Bitrix24, ретаргетинг, сквозная аналитика.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Маркетплейсы и мультиканал:&lt;/strong&gt; выгрузка на Ozon, Wildberries, Яндекс.Маркет, социальные сети, Telegram-боты, интеграция с MAX.&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Tilda Store&lt;/h3&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Каталог:&lt;/strong&gt; до от 5000 до 50 000 товаров на тарифах Business, но без сложной системы модификаций, оптовых прайсов или учёта серийных номеров.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Учёт:&lt;/strong&gt; базовый остаток «в наличии/нет», без мульти-складов, резервирования, автоматического списания при возврате.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Оплаты и доставка:&lt;/strong&gt; подключение популярных платёжных систем, фиксированные тарифы доставки или интеграция через сторонние виджеты. Глубокая логистика требует ручного контроля.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;CRM и автоматизация:&lt;/strong&gt; формы заявок → передача в amoCRM/Bitrix24 через вебхуки. Нет встроенной CRM, триггеров, сегментации.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Маркетплейсы:&lt;/strong&gt; прямые интеграции отсутствуют. Требуется ручной экспорт/импорт или сторонние сервисы-посредники.&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;&lt;strong&gt;Итоги второго раунда:&lt;/strong&gt; Shop-Script заточен под операционную работу магазина. Tilda Store подходит для витрины и приёма платежей, но не заменяет учётную систему.&lt;/p&gt;
&lt;h2&gt;Раунд 3 — Дизайн и кастомизация&lt;/h2&gt;
&lt;p&gt;| Аспект                  | Shop-Script                                           | Tilda                                                                |
| ----------------------- | ----------------------------------------------------- | -------------------------------------------------------------------- |
| &lt;strong&gt;Готовые шаблоны&lt;/strong&gt;     | Есть, но чаще требуют адаптации под бренд             | 600+ блоков, Zero Block, премиум-шаблоны, современные UI-решения     |
| &lt;strong&gt;Визуальный редактор&lt;/strong&gt; | Редактор темы + CSS/HTML/JS для глубокой кастомизации | Drag-and-drop, визуальная настройка отступов, анимаций, адаптивности |
| &lt;strong&gt;Типографика и UI&lt;/strong&gt;    | Зависит от шаблона и верстальщика                     | Встроены шрифтовые пары, сетки, плавные скроллы, Lottie-анимации     |
| &lt;strong&gt;Мобильная адаптация&lt;/strong&gt; | Настраивается вручную или через тему                  | Автоматическая, с ручным контролем точек останова                    |
| &lt;strong&gt;Производительность&lt;/strong&gt;  | Оптимизация требует настройки кэша, CDN, сжатия       | Высокая из коробки (ленивая загрузка, WebP, минификация)             |&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Итоги третьего раунда:&lt;/strong&gt; Если визуальная подача, скорость запуска и «wow-эффект» критичны — Tilda вне конкуренции. Здесь он действительно силён. Webasyst Shop-Script имеет в своём магазине шикарные темы дизайна, с возможностью тонкой настройки. Но вот с уникальностью могут возникнуть затруднения.&lt;/p&gt;
&lt;h2&gt;Раунд 4 — Интеграции и экосистема&lt;/h2&gt;
&lt;p&gt;&lt;strong&gt;Shop-Script&lt;/strong&gt; входит в экосистему Webasyst: CRM, Поддержка, Site и т.д. Маркет приложений насчитывает сотни готовых модулей. Открытый REST API, Headless API, документация для разработчиков, поддержка кастомных плагинов которые можно загрузить вручную.
&lt;strong&gt;Tilda&lt;/strong&gt; предлагает встроенные формы, платежи, чаты, базовые виджеты. Интеграции с CRM и аналитикой реализуются через вебхуки или партнёрские сервисы. API ограничен (в основном для управления контентом и заявками).&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Итоги четвертого раунда:&lt;/strong&gt; Shop-Script лучше подходит для компаний, строящих IT-инфраструктуру вокруг продаж. Tilda оптимален для быстрой связки «лендинг + форма оплаты + внешняя CRM».&lt;/p&gt;
&lt;h2&gt;Раунд 5 — Стоимость и масштабирование&lt;/h2&gt;
&lt;p&gt;| Параметр            | Shop-Script                                                                                | Tilda                                                                    |
| ------------------- | ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------ |
| &lt;strong&gt;Стартовый тариф&lt;/strong&gt; | Стоимость варьируется от бесплатного тарифа с Shop-Script в облаке до 5999 ₽/мес (облако). | от бесплатного тарифа до 1500 ₽/мес                                      |
| &lt;strong&gt;Лицензия&lt;/strong&gt;        | Подписка или разовая покупка (self-hosted)                                                 | Только подписка                                                          |
| &lt;strong&gt;Масштабирование&lt;/strong&gt; | От микро-магазина до энтерпрайз: кластеры, API, кастомные модули                           | Лимиты растут с тарифом, но архитектура не заточена под высокую нагрузку |
| &lt;strong&gt;Скрытые расходы&lt;/strong&gt; | Настройка, верстка темы, интеграции, обучение персонала                                    | Доп. оплата за Store, сторонние виджеты, дизайн-ресурсы, CRM-подписка    |&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Итоги пятого раунда:&lt;/strong&gt; Tilda дешевле на старте и быстрее окупается для тестов ниши или контентных проектов. Shop-Script требует инвестиций, но снижает операционные издержки при росте оборотов.&lt;/p&gt;
&lt;p&gt;Что-ж поединок окончен. Так кто-же победил? Не буду томить — победителя нет, ничья. Автор увлекался боксом в юношестве, и усвоил кое-что. Переход в партер может быть фатальным для боксёра, но и быстрый удар может закончить поединок.&lt;/p&gt;
&lt;p&gt;Пройдёмся немного по итогам, плюсам и минусам бойцов, и общей стратегии выбора.&lt;/p&gt;
&lt;h2&gt;Достоинства и недостатки&lt;/h2&gt;
&lt;h3&gt;Webasyst Shop-Script&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Плюсы:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Полноценный e-commerce-движок с учётом, CRM и автоматизацией&lt;/li&gt;
&lt;li&gt;Гибкая интеграция с 1С, маркетплейсами, службами доставки, онлайн-кассами&lt;/li&gt;
&lt;li&gt;Поддержка B2B: юрлица, договора, отсрочка платежа, прайс-листы&lt;/li&gt;
&lt;li&gt;Открытый API, кастомные модули, self-hosted вариант&lt;/li&gt;
&lt;li&gt;Масштабируемость без миграции на другую платформу
&lt;strong&gt;Минусы:&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;Высокий порог входа для новичков&lt;/li&gt;
&lt;li&gt;Дизайн из коробки часто уступает конструкторам&lt;/li&gt;
&lt;li&gt;Требует времени на настройку налогов, складов, прав доступа&lt;/li&gt;
&lt;li&gt;Стоимость выше на старте&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Tilda&lt;/h3&gt;
&lt;p&gt;&lt;strong&gt;Плюсы:&lt;/strong&gt;&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;Быстрый запуск (сайт за 1–3 дня без разработчика)&lt;/li&gt;
&lt;li&gt;Современный дизайн, адаптивность, анимации из коробки&lt;/li&gt;
&lt;li&gt;Интуитивный редактор, низкий порог входа&lt;/li&gt;
&lt;li&gt;Идеален для лендингов, портфолио, блогов, презентаций&lt;/li&gt;
&lt;li&gt;Прозрачная подписка, техподдержка на русском
&lt;strong&gt;Минусы:&lt;/strong&gt;&lt;/li&gt;
&lt;li&gt;E-commerce функционал ограничен (нет полноценного склада, B2B, сложной логики скидок)&lt;/li&gt;
&lt;li&gt;Зависимость от облака Tilda (экспорт данных возможен, но миграция сложна)&lt;/li&gt;
&lt;li&gt;Сложные интеграции требуют сторонних сервисов или кода&lt;/li&gt;
&lt;li&gt;При росте ассортимента и заказов быстро упирается в архитектурные ограничения&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Для кого подходит каждый инструмент&lt;/h2&gt;
&lt;p&gt;| Сценарий                                                                  | Рекомендуемая платформа |
| ------------------------------------------------------------------------- | ----------------------- |
| Тестирование ниши, запуск MVP, микро-магазин (до 50–100 товаров)          | Tilda                   |
| Лендинг продукта, портфолио, блог, сайт агентства                         | Tilda                   |
| Интернет-магазин от 100 товаров, складской учёт, интеграция с 1С/МойСклад | Shop-Script             |
| B2B-продажи, юрлица, оптовые прайсы, отсрочка платежа, договоры           | Shop-Script             |
| Мультиканальные продажи (свой сайт + маркетплейсы + соцсети)              | Shop-Script             |
| Креативный проект, где визуал и конверсия лендинга важнее каталога        | Tilda                   |
| Компания, планирующая рост в 3–5 лет, автоматизацию и аналитику           | Shop-Script             |&lt;/p&gt;
&lt;h2&gt;Как выбрать?&lt;/h2&gt;
&lt;p&gt;Ответьте себе на 5 вопросов:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;&lt;strong&gt;Сколько товаров планируете продавать сейчас и через год?&lt;/strong&gt; (&gt;300 → Shop-Script)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Нужен ли учёт остатков, резервирование, мульти-склады?&lt;/strong&gt; (Да → Shop-Script)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Будете ли работать с юрлицами, оптом, договорами?&lt;/strong&gt; (Да → Shop-Script)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Критичен ли современный дизайн и скорость запуска без разработчика?&lt;/strong&gt; (Да → Tilda)&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Готовы ли вы инвестировать время в настройку бизнес-процессов?&lt;/strong&gt; (Нет → Tilda / Да → Shop-Script)&lt;/li&gt;
&lt;/ol&gt;
&lt;h2&gt;Гибридные сценарии&lt;/h2&gt;
&lt;p&gt;Многие бизнесы используют оба инструмента:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;&lt;strong&gt;Tilda для маркетинга:&lt;/strong&gt; лендинги, акции, квизы, блог, посадочные страницы под рекламу.&lt;/li&gt;
&lt;li&gt;&lt;strong&gt;Shop-Script для операционки:&lt;/strong&gt; каталог, корзина, оплата, склад, CRM, интеграции.&lt;/li&gt;
&lt;li&gt;Связка через API, вебхуки или готовые модули позволяет сохранить скорость контента и мощность e-commerce.
Также распространён путь: запуск на Tilda → валидация спроса → миграция на Shop-Script с сохранением структуры и SEO-трафика (через 301-редиректы и парсинг контента). Но я бы не рекомендовал подобный путь, будет дорого, особенно если много контента и товаров.&lt;/li&gt;
&lt;/ul&gt;
&lt;h2&gt;Итоги боя&lt;/h2&gt;
&lt;p&gt;| Критерий               | Tilda  | Webasyst Shop-Script |
| ---------------------- | ------ | -------------------- |
| &lt;strong&gt;Скорость запуска&lt;/strong&gt;   | ⭐⭐⭐⭐⭐  | ⭐⭐⭐                  |
| &lt;strong&gt;Дизайн из коробки&lt;/strong&gt;  | ⭐⭐⭐⭐⭐  | ⭐⭐⭐                  |
| &lt;strong&gt;E-commerce глубина&lt;/strong&gt; | ⭐⭐     | ⭐⭐⭐⭐⭐                |
| &lt;strong&gt;Интеграции и API&lt;/strong&gt;   | ⭐⭐⭐    | ⭐⭐⭐⭐⭐                |
| &lt;strong&gt;Масштабируемость&lt;/strong&gt;   | ⭐⭐     | ⭐⭐⭐⭐⭐                |
| &lt;strong&gt;Порог входа&lt;/strong&gt;        | Низкий | Средний/высокий      |&lt;/p&gt;
&lt;p&gt;&lt;strong&gt;Выбирайте Tilda&lt;/strong&gt;, если вам нужен красивый, быстрый сайт для привлечения клиентов, продажи небольшого ассортимента или презентации услуг.&lt;br&gt;
&lt;strong&gt;Выбирайте Shop-Script&lt;/strong&gt;, если интернет-магазин — это ядро бизнеса, и вам нужны учёт, автоматизация, интеграции и пространство для роста.&lt;/p&gt;
&lt;p&gt;Обе платформы стабильны, развиваются и поддерживаются на русском языке. В 2026 году разница уже не в «качество кода», а в &lt;strong&gt;архитектурном назначении&lt;/strong&gt;. Определите приоритеты на 12–24 месяца вперёд — и выбор станет очевидным.&lt;/p&gt;</content:encoded><h:img src="/_astro/thumbnail.CAyoiBeQ.webp"/><enclosure url="/_astro/thumbnail.CAyoiBeQ.webp"/></item><item><title>✨ Базовый Markdown синтаксис</title><link>https://artbrains.ru/blog/markdown</link><guid isPermaLink="true">https://artbrains.ru/blog/markdown</guid><description>Здесь описывается базовый markdown синтаксис.</description><pubDate>Mon, 10 Nov 2025 21:00:00 GMT</pubDate><content:encoded>&lt;h2&gt;Маркдаун - это&lt;/h2&gt;
&lt;p&gt;Markdown(Маркдаун) — лёгкий в использовании синтаксис для безопасного форматирования вашего текста или статей.
На столько &quot;лёгкий&quot;, что нужна целая статья для разъяснения - что к чему.&lt;/p&gt;
&lt;h2&gt;Зачем статья про Маркдаун то?&lt;/h2&gt;
&lt;p&gt;Предположим, что у моего клиента блог написан на &lt;a href=&quot;https://astro.build&quot;&gt;Astro&lt;/a&gt; и у него не подключена
&lt;a href=&quot;https://docs.astro.build/ru/guides/cms/&quot;&gt;&quot;Headless&quot; CMS&lt;/a&gt;, такая как Wordpress.
То его статья написана, как раз, &lt;a href=&quot;https://docs.astro.build/ru/guides/markdown-content/&quot;&gt;в Markdown файле&lt;/a&gt;.
Вот тут-то и пригодится эта &quot;шпаргалка&quot;. Я, бывает, забываю синтаксис, пригодится.&lt;/p&gt;
&lt;h3&gt;Заголовки&lt;/h3&gt;
&lt;p&gt;Когда текста становится слишком много, то понятно нужны заголовки, что-бы разбить его.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;# Заголовок 1

## Заголовок 2

## Большой заголовок

### Маленький заголовок
&lt;/code&gt;&lt;/pre&gt;
&lt;h3&gt;Жирный и курсив&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;_Курсивный текст_ и **Жирный текст СТРОНГ**, вместе тоже можно **_Жирный курсивом текст_**
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;&lt;em&gt;Курсивный текст&lt;/em&gt; и &lt;strong&gt;Жирный текст СТРОНГ&lt;/strong&gt;, вместе тоже можно &lt;strong&gt;&lt;em&gt;Жирный курсивом текст&lt;/em&gt;&lt;/strong&gt;&lt;/p&gt;
&lt;h3&gt;Ссылки&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Текстовая ссылка [Имя ссылки](https://link-url)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Текстовая ссылка &lt;a href=&quot;https://link-url&quot;&gt;Имя ссылки&lt;/a&gt;&lt;/p&gt;
&lt;h3&gt;Inline код или &quot;Код в строку&quot;&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Это `inline код`
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Это &lt;code&gt;inline код&lt;/code&gt;&lt;/p&gt;
&lt;h3&gt;Блок кода&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;```js
// Последовательность фибоначчи
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [\!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [\!code ++]
}
```
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-js&quot;&gt;// Последовательность фибоначчи
function fibonacci(n) {
  if (n &amp;#x3C;= 1) return 1
  const result = fibonacci(n - 1) + fibonacci(n - 2) // [!code --]
  return fibonacci(n - 1) + fibonacci(n - 2) // [!code ++]
}
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Используется Shiki как плагин подсветки кода. Тут смотреть поддерживаемые языки &lt;a href=&quot;https://shiki.matsu.io/languages.html&quot;&gt;Shiki: Языки&lt;/a&gt;.&lt;/p&gt;
&lt;h3&gt;Строчная формула&lt;/h3&gt;
&lt;p&gt;Формулы — тоже выводятся плагином.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Это строчная формула $e^{i\pi} + 1 = 0$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Это строчная формула $e^{i\pi} + 1 = 0$&lt;/p&gt;
&lt;h3&gt;Блок формул&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} \, dx
$$
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;$$
\hat{f}(\xi) = \int_{-\infty}^{\infty} f(x) e^{-2\pi i x \xi} , dx
$$&lt;/p&gt;
&lt;p&gt;Используется KaTeX как плагин для формул. Тут &lt;a href=&quot;https://katex.org/docs/supported.html&quot;&gt;KaTeX поддерживаемые функции&lt;/a&gt;.&lt;/p&gt;
&lt;h4&gt;Изображения&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;![Роман Уляшев](../../../assets/ghibli-avatar-roman.jpg)
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;&lt;img src=&quot;../../../assets/ghibli-avatar-roman.jpg&quot; alt=&quot;Роман Уляшев&quot;&gt;&lt;/p&gt;
&lt;h4&gt;Перечёркнутый текст&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;~~Перечёркнутый~~
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;~~Перечёркнутый~~&lt;/p&gt;
&lt;h3&gt;Списки&lt;/h3&gt;
&lt;p&gt;Обычный ненумерованный список&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- 1
- 2
- 3
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;1&lt;/li&gt;
&lt;li&gt;2&lt;/li&gt;
&lt;li&gt;3&lt;/li&gt;
&lt;/ul&gt;
&lt;p&gt;Обычный нумерованный список&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;1. Раз
2. Два
3. Три
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;ol&gt;
&lt;li&gt;Раз&lt;/li&gt;
&lt;li&gt;Два&lt;/li&gt;
&lt;li&gt;Три&lt;/li&gt;
&lt;/ol&gt;
&lt;h3&gt;Цитата&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&gt; Выстрел, гром, меч из ножен. Цветы и кровь.
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;blockquote&gt;
&lt;p&gt;Выстрел, гром, меч из ножен. Цветы и кровь.&lt;/p&gt;
&lt;/blockquote&gt;
&lt;p&gt;You can continue to nest syntax within blockquotes.&lt;/p&gt;
&lt;h3&gt;Перенос строки&lt;/h3&gt;
&lt;p&gt;В Маркдауне нужно оставить пустую строку для разделения параграфов.&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Если не оставить пустую строку
То это будет один параграф

Первый параграф

Второй параграф
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Если не оставить пустую строку
То это будет один параграф&lt;/p&gt;
&lt;p&gt;Первый параграф&lt;/p&gt;
&lt;p&gt;Второй параграф&lt;/p&gt;
&lt;h3&gt;Разделитель&lt;/h3&gt;
&lt;p&gt;Если у вас привычка - ставить разделитель, то введите 3 тире &lt;code&gt;---&lt;/code&gt; или 3 звёздочки &lt;code&gt;***&lt;/code&gt;.
Оставьте пустую строку перед и после, если есть параграфы:&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;---
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;hr&gt;
&lt;h2&gt;Продвинутый маркдаун&lt;/h2&gt;
&lt;h3&gt;Строчные HTML элементы&lt;/h3&gt;
&lt;p&gt;Лишь малая часть поддерживается, включая &lt;code&gt;&amp;#x3C;kdb&gt; &amp;#x3C;b&gt; &amp;#x3C;i&gt; &amp;#x3C;em&gt; &amp;#x3C;sup&gt; &amp;#x3C;sub&gt; &amp;#x3C;br&gt;&lt;/code&gt;, вот они в деле&lt;/p&gt;
&lt;h4&gt;Вывод клавиш&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Используй &amp;#x3C;kbd&gt;Ctrl&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Alt&amp;#x3C;/kbd&gt; + &amp;#x3C;kbd&gt;Del&amp;#x3C;/kbd&gt; для перезагрузки
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Используй Ctrl + Alt + Del для перезагрузки&lt;/p&gt;
&lt;h4&gt;Жирный курсив&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;b&gt; Маркдаун здесь просто _жирный_&amp;#x3C;/b&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt; Маркдаун здесь просто &lt;em&gt;жирный&lt;/em&gt;&lt;/p&gt;
&lt;h3&gt;Другие HTML приколы&lt;/h3&gt;
&lt;h4&gt;Сворачиваемый блок&lt;/h4&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;&amp;#x3C;details&gt;&amp;#x3C;summary&gt;Клик для показа&amp;#x3C;/summary&gt;Ку-ку&amp;#x3C;/details&gt;
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;h3&gt;Таблицы&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;| Заголовок1 | Заголовок2 |
| ---------- | ---------- |
| Контент    | Контент2   |
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;| Заголовок1 | Заголовок2 |
| ---------- | ---------- |
| Контент    | Контент2   |&lt;/p&gt;
&lt;h3&gt;Сноски&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;Используйте [^сноску] что добавить [^сноску2] в начала ссылки.

Затем добавьте описание сноски (она будет выведена в конце документа по умолчанию).

[^сноску]: Вот содержимое сноски
[^сноску2]: Ещё одна сноска с большим содержимым
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;Используйте [^сноску] что добавить [^сноску2] в начала ссылки.&lt;/p&gt;
&lt;p&gt;Затем добавьте описание сноски (она будет выведена в конце документа по умолчанию).&lt;/p&gt;
&lt;p&gt;[^сноску]: Вот содержимое сноски
[^сноску2]: Ещё одна сноска с большим содержимым&lt;/p&gt;
&lt;h3&gt;Чек-лист списки&lt;/h3&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;- [ ] Незавершённая задача
- [x] Завершённая задача
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;ul&gt;
&lt;li&gt;[ ] Незавершённая задача&lt;/li&gt;
&lt;li&gt;[x] Завершённая задача&lt;/li&gt;
&lt;/ul&gt;
&lt;h3&gt;Экранирование символов&lt;/h3&gt;
&lt;p&gt;Если хотите использовать эти символы _ # * можно их экранировать, добавив обратный слеш перед ним &lt;code&gt;\_&lt;/code&gt; &lt;code&gt;\#&lt;/code&gt; &lt;code&gt;\*&lt;/code&gt;&lt;/p&gt;
&lt;pre&gt;&lt;code class=&quot;language-markdown&quot;&gt;\_Этот текст не хочет быть курсивным\_

\*\*Не хочу что-бы этот текст был жирным\*\*
&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt;Предпросмотр:&lt;/p&gt;
&lt;p&gt;_Этот текст не хочет быть курсивным_&lt;/p&gt;
&lt;p&gt;**Не хочу что-бы этот текст был жирным**&lt;/p&gt;
&lt;hr&gt;</content:encoded><h:img src="/_astro/thumbnail.HAXFr_hw.jpg"/><enclosure url="/_astro/thumbnail.HAXFr_hw.jpg"/></item></channel></rss>