У каждого поста в этом канале есть уникальная картинка. Я не открываю графический редактор ни разу. Всё делает скрипт.
#Принцип
HTML-шаблон с двумя плейсхолдерами: заголовок и декоративный символ. Playwright делает скриншот 1200x630, стандартный размер OG-превью. На выходе PNG-файл, который подхватывается как иллюстрация.
Один шаблон. Бесконечное количество картинок.
#Декоративные символы
Каждый пост получает символ по теме: { } для кода, / для систем, </> для вёрстки, :: для инфраструктуры, #! для скриптов. Это не иллюстрация, а визуальный якорь, который связывает картинку с содержанием.
Пул символов: { }, </>, /, ::, #!, /*, >>, &&, ;;, $(). Десять вариантов, хватает, чтобы каждый пост выглядел уникально.
#Грабли
- Кодировка. PowerShell Set-Content добавляет BOM к UTF-8. Кириллица превращается в кракозябры. Решение: писать файл через .NET метод WriteAllText с UTF8Encoding без BOM
- Шрифты. Шаблон использует Cormorant Garamond + Inter. Если шрифты не загрузились, Playwright скриншотит системный fallback. Нужен preload
#Результат
Генерация одной картинки занимает 5 секунд. Весь процесс от написания заголовка до готового PNG — 15 минут включая загрузку на хостинг. Против 30-60 минут в Canva или Photoshop.
Сам сайт, который служит хостингом для этих картинок, тоже собран за вечер: vladislavpopov.ru. А как собрать AI-стек целиком, читайте в бесплатном гиде.
Больше кейсов автоматизации — в канале @popovvii
