惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

Vercel News
Vercel News
B
Blog
Y
Y Combinator Blog
Recent Announcements
Recent Announcements
GbyAI
GbyAI
IT之家
IT之家
钛媒体:引领未来商业与生活新知
钛媒体:引领未来商业与生活新知
T
Tailwind CSS Blog
博客园_首页
C
Check Point Blog
博客园 - 【当耐特】
美团技术团队
Last Week in AI
Last Week in AI
A
About on SuperTechFans
雷峰网
雷峰网
MongoDB | Blog
MongoDB | Blog
Microsoft Azure Blog
Microsoft Azure Blog
M
MIT News - Artificial intelligence
Martin Fowler
Martin Fowler
J
Java Code Geeks
B
Blog RSS Feed
奇客Solidot–传递最新科技情报
奇客Solidot–传递最新科技情报
G
Google Developers Blog
F
Fortinet All Blogs

Все публикации подряд на Хабре

Ловим музу за клавиатуру: как айтишнику стать автором Что умеет Midjourney в 2026? Мой немного грустный разбор этого шикарного инструмента Никто не любит писать тесты, но ИИ может исправить это IPv8 выглядит как мечта. Поэтому почти наверняка не взлетит Производители вернули в продажу материнки с DDR3. Что происходит? Управление агентом с телефона через Telegram теперь в KodaCode От координации к лидерству: как меняется роль руководителя разработки Я сделала родителям бизнес вместо пенсии: зарабатываем 70 тысяч, мама не даёт продать В три раза быстрее приемка товара и оптимизация трудозатрат на 73%: как «РСТ-Инвент» помог Gulliver Group ИИ-шечный мир победил? О влиянии искусственного интеллекта на игропром Кремль снижает давление на Телеграмм пока Европа строит интернет по паспорту Как CEO, CTO и CIO за 8 часов собрали ИИ-директора, который умеет держать позицию под давлением Как (не) потерять домен за выходные Вместо 8 разных VPS: как я организовал практику студентам на одном сервере Почему твой Open Source проект не замечают? R&D: искусство управления неопределенностью в разработке AI-дефляция: вакансий для разработчиков больше, а рост зарплат — худший за 15 лет Мы отдали управление роботами OpenClaw. Что из этого вышло Галактический ID: система идентификации для всех форм разумной жизни Шесть основ бизнес-анализа: начинаем с вопроса «Кто в игре?» Код-ревью, в котором дело не в коде Данные переехали. Команда — нет Системной подход к сдаче OSWE в 2025 Почему комната управления реактором покрашена в цвет морской пены 4 YAML-файла вместо PySpark: как аналитикам строить пайплайны без разработчиков LLM-агент для поиска свободных доменов: автоматизируем подбор Когда, зачем и как правильно начинать новую сессию в Claude Code? Как я заставил нейросеть писать макросы для FreeCAD Анатомия ИИ‑агента для подбора персонала. От тысячи резюме к топ‑10 за минуты Опыт разработчика как экономика внимания
Красивый скриншот вашего кода. Большое обновление
ProgerMan · 2026-05-26 · via Все публикации подряд на Хабре

Красивый скриншот вашего кода. Большое обновление

2 мин

9.4K

Привет, хабражители!

Я уже писал тут о своём открытом сервисе для скриншотов кода (и простого текста), который позволяет красиво отобразить фрагмент вашего кода в статьях, презентациях, примерах до-после и т.п., насколько хватит вашей фантазии.

Периодически я сам использую его для иллюстраций к своим статьям. И шаг за шагом приходят в голову новые идеи, как получить ещё более красивый результат.

Наконец, я могу сделать почти то, что хотел когда-то:

Целиком сделано в моём сервисе без какого-либо редактирования

Целиком сделано в моём сервисе без какого-либо редактирования

Также эту картинку можно получить по следующему запросу
curl -X POST "http://localhost:3000/?lang=csharp&font=Fira\_Code&size=23&line\_height=1.2&theme=dracula&bg=solid&outer\_pad=0&inner\_pad=100&chrome=none&tilt=-12&depth=-12&depth\_y=-36&trap\_right=84&offset\_x=19&offset\_y=1&filter=amber&filter\_intensity=90&texture=noise&texture\_intensity=100&zoom=145&grad\_blur=true&grad\_blur\_dir=right&grad\_blur\_amount=10&grad\_blur\_start=45&watermark=true&glare=true&glare\_x=14&glare\_y=3&glare\_distance=500&glare\_angle\_h=65&glare\_angle\_v=61&glare\_blur=18&glare\_color=ff7300&lens=7" \
  -H "Content-Type: text/plain" \
  --data-binary "@code.cs" \
  -o "screenshot.png"

Только создайте файл code.cs с кодом внутри в каталоге, из которого будете выполнять команду, и запустите сервер.

Сервис доступен по ссылке: https://mansiper.github.io/CodeShot/

Помимо большой пачки фич, которые уже были в изначальной версии, появилось много новых:

  • сохранение/удаление/выбор пресетов;

  • режим Markdown — вы пишите текст в формате markdown и получаете отрендеренный результат (возможно, что-то ещё не работает — принимаю запросы на исправление);

  • параметров стало так много, что теперь они по умолчанию свёрнуты;

  • больше шрифтов и тем, в 2 раза больше текстур и фильтров;

  • возможность настройки своей цветовой схемы и изменения существующих (возможны некоторые недоделки);

  • можно задать номер первой строки и цвет номеров строк;

  • эффект блика (с 8 параметрами настройки источника света);

  • эффект линзы;

  • сохранить можно не только в PNG, но и JPG, WebP, GIF, TIFF, Base64 (PNG). Для JPG можно выбрать сжатие (как насчёт самого шакального?);

  • возможность запуска на node.js, позволяющая получить картинку по POST-запросу (можно локально). Внутри используется Chrome для рендеринга, так что может не сразу завестись;

  • копирование настроек в формате cURL-запроса, который понятен серверу (зачем писать руками, если можно не писать?);

  • добавлены мелочи вроде размера табуляции (теперь поддерживается клавиша Tab в редакторе), переключение лигатур, расстояние между символами;

  • настройки соотношения сторон (фиксированные размеры и мультипликатор);

  • кнопка случайного выбора параметров (иногда прикольные результаты получаются).

Кажется, у других сервисов (особенно платных), шансов почти нет. Есть парочка таких с уникальными и красивыми фичами, которые мне самому очень нравятся, но остальные уже далеко позади.

Своим Телеграм-каналом опять не поделюсь, но от звёздочек на GitHub или чашечки кофе (ссылка недалеко от кнопки Copy PNG) не откажусь.

Код тут: https://github.com/Mansiper/CodeShot

Пользуйтесь, предлагайте новые фичи.