Недавно, когда я импортировал длинные посты из X в свой аккаунт WeChat, я не мог найти подходящий инструмент для форматирования. Создав несколько навыков, связанных с IP, я подумал: почему бы не сделать инструмент для форматирования для себя, который будет иметь уникальный стиль IP?
Изначально я просто хотел решить свои проблемы с форматированием, но в процессе работы приходило всё больше идей: можно ли сделать цветовую схему, соответствующую IP? Можно ли разместить персонажей в главах? Можно ли одновременно обрабатывать Markdown, TXT, блоки кода и таблицы? Можно ли использовать его прямо на мобильном устройстве?
Раз уж я зашёл так далеко, не стоит держать это в секрете; нужно дать всем ещё один вариант форматирования для аккаунта. Так родился Punk Weipai.
Эффект, которого я хотел добиться, был прост: слева — немного неупорядоченный исходник Markdown, нажимаешь кнопку, и справа появляется статья для WeChat с организованными заголовками, цитатами, блоками кода и изображениями.
Сайт готов к использованию:
https://weipai.iamadrianpunk.com
Когда вы впервые открываете сайт, вы видите «письмо» от Punk. Обучение для новичков последовательно познакомит вас с цветовыми схемами, импортом черновиков, копированием предпросмотра и фиксированными концовками; если вы уже знакомы с процессом, можете пропустить его.
1. Сначала решается самая раздражающая проблема
Рабочий процесс Punk Weipai очень прост: поместите исходник Markdown или TXT слева, а форматирование для WeChat генерируется в реальном времени справа. После подтверждения эффекта нажмите «Копировать в аккаунт» и вставьте в веб-редактор WeChat.
Контент, над обработкой которого я потратил время — части, наиболее подверженные проблемам в длинных статьях, — включает:
- Заголовки статей, заголовки глав и подзаголовки;
- Упорядоченные списки, неупорядоченные списки и многоуровневые вложенные списки;
- Цитаты, разделители, жирный текст и встроенный код;
- Локальные изображения, таблицы и несколько последовательных блоков кода;
- Межстрочные интервалы, межстрочные расстояния и шрифты, подходящие для чтения в аккаунте.
Если в исходном черновике есть четкие уровни заголовков, он будет определять главы на основе размеров заголовков Markdown. Подзаголовки с номерами сохраняются, а без них используется толстая вертикальная линия; общие пункты используют сплошные точки, которые меняются в зависимости от цвета темы.
Блоки кода сохраняют строку заголовка macOS, а таблицы используют трехстрочные таблицы.
2. Весь процесс занимает всего три шага
1. Вставьте исходный черновик
Вы можете вставить Markdown напрямую или импортировать .md, .txt или пакеты статей с локальными изображениями. Страница открывается с полнофункциональным примером, включающим заголовки, цитаты, списки, изображения, таблицы и блоки кода, чтобы вы могли сразу увидеть, как выглядит каждый синтаксис.
2. Выберите цветовую схему и стиль главы
Инструмент поставляется с предустановками, такими как Punk Color, Retro Trend, Red-Blue CP и Vitality Orange. Каждая схема включает цвет темы, акцентный цвет и почти белый светлый цвет; фон тела по умолчанию белый.
Вы также можете загрузить собственное изображение IP. Система извлечет характерные цвета из изображения и сгенерирует три схемы: «Цвет имени IP 1, 2 и 3». Выберите наиболее подходящую к вашему стилю и продолжайте настройку.
Color Lab превращает это в видимый процесс: извлекает характерные цвета из IP, расширяет их до трех различных схем и, наконец, оставляет четыре цветовые роли, которые можно использовать для форматирования.
После выбора цветовой схемы вы можете продолжить настройку по частям. Каждый цветовой блок можно открыть в «Выборе функции», чтобы решить, используется ли он для фона тела, заголовков, жирного выделения, оформления заголовков, разделителей, маркеров списков, блоков кода, таблиц, текста встроенного кода, фона встроенного кода или цитат; один и тот же цвет может выполнять несколько функций. Например, я использую синий для заголовков и блоков кода, желтый — для жирного текста, списков и разделителей, а почти белый светлый цвет оставляю для цитат и фона встроенного кода.
Если у вас нет IP, вы также можете ввести «Пользовательский цвет», чтобы изменить HEX-коды цветов, названия цветовых схем и назначения цветов. Этот пункт предназначен для тех, кто готов настраивать цвета самостоятельно, и не заставляет всех сначала загружать аватар.
Стили глав также можно переключать напрямую. В настоящее время доступно 9 вариантов: толстое подчеркивание, косая черта, левая вертикальная линия, рамка, квадратные скобки, двойные круги, точечная матрица, номер сверху и кавычки. В меню сначала отображается фактический эффект, так что вам не придется гадать по названию. После переключения главы всей статьи обновляются вместе, не нужно возвращаться в Markdown и изменять их по одной.
Если включена опция «IP главы», персонаж будет стоять на горизонтальной линии заголовка для коротких заголовков;
Для длинных заголовков, которые могут переноситься, IP автоматически перемещается в центр над заголовком, чтобы не загромождать основной текст.
Цветовые схемы, стили глав и отображение IP независимы и могут свободно комбинироваться в зависимости от вашего контента.
3. Предпросмотр, затем копирование в аккаунт
Область написания и область предпросмотра синхронизируются. Когда вы хотите сосредоточиться на проверке статьи, вы можете открыть «Фокусный предпросмотр», чтобы оставить только финальный черновик WeChat; его можно использовать как на компьютере, так и на мобильном устройстве.
4. Адаптация для мобильных устройств
Для мобильной стороны была сделана отдельная адаптация, так что весь процесс не требует возврата к компьютеру:
- Инструменты форматирования спрятаны в гамбургер-меню в правом верхнем углу, чтобы избежать горизонтальной прокрутки и перекрытия основного текста;
- Ширина статьи, отступы и методы предпросмотра автоматически настраиваются под экран мобильного устройства.
Таким образом, вы можете выполнить весь рабочий процесс «Импорт черновика — Настройка стиля — Проверка предпросмотра — Копирование в аккаунт» на телефоне. Когда нужно срочно изменить статью, вам не нужно открывать компьютер только для форматирования.
Наконец, нажмите «Копировать в аккаунт», чтобы вставить полный форматированный текст в веб-редактор WeChat. Заголовки, цитаты, списки, таблицы и блоки кода будут перенесены, не нужно настраивать их абзац за абзацем.
3. Несколько деталей, которые я использую постоянно
Во-первых, это Фиксированная концовка.
Такой контент, как представление автора, позиционирование аккаунта и призывы к подписке, нужно писать для каждой статьи, и его легко пропустить. Теперь вы можете сохранить и включить фиксированную концовку заранее; независимо от того, есть ли этот текст в исходном черновике, он будет автоматически добавлен в конец отформатированного результата, отделенный разделителем.
Фиксированная концовка наследует шрифт и цветовую схему темы текущей статьи. Содержимое сохраняется в текущем браузере, и его нужно настроить заново при смене устройства.
Во-вторых, это Частичное изменение цвета. Вы можете выбрать автоматический, черный, белый или пользовательский цвет для основного текста или напрямую выбрать определенный фрагмент текста в предпросмотре, чтобы изменить только его цвет. Это очень удобно для выделения команд в руководствах или ключевых чисел в обзорах.
В-третьих, это IP, следующий за главами. После загрузки изображения персонажа вы можете решить, будет ли он отображаться рядом с каждым заголовком главы. Цветовые схемы и отображение IP — это два независимых переключателя: вы можете использовать свою собственную цветовую схему, не показывая персонажа, или переключиться на рекомендуемую цветовую схему, сохранив персонажа.
4. Кому это будет полезно?
Если ваши статьи в основном создаются в Word и вы редко используете код, таблицы или Markdown, этот инструмент может быть не обязательным.
Следующие сценарии подходят больше:
- Частое преобразование длинных постов из X, заметок или Markdown в статьи для WeChat;
- Использование ИИ для написания черновиков, но нежелание повторно форматировать в бэкенде WeChat;
- Написание руководств по инструментам ИИ с большим количеством блоков кода и встроенного кода;
- Ведение личного аккаунта, студии или нескольких разных IP одновременно;
- Желание поддерживать единый визуальный стиль для аккаунта без необходимости каждый раз настраивать формат с нуля.
Punk Weipai в настоящее время фокусируется на форматировании. Он не будет переписывать статьи за вас и не имеет обложек, созданных ИИ. Область применения узкая, поэтому после открытия страницы просто вставьте черновик, настройте стиль, скопируйте и публикуйте.
5. Вы можете сначала запустить этот минимальный рабочий процесс
При первом использовании не спешите изучать все настройки. Выполните эти три шага:
- Откройте сайт и посмотрите на предпросмотр примера по умолчанию справа;
- Вставьте свой Markdown слева и выберите готовую цветовую схему;
- Нажмите «Копировать в аккаунт» и вставьте в поле черновика, чтобы проверить один раз.
Как только этот путь станет понятен, смело загружайте свой IP, настраивайте цветовые коды, переключайте стили глав и сохраняйте фиксированные концовки.
Фраза, которую я установил для этого инструмента:
Пусть каждый хороший контент будет хорошо оформлен.
Если вы тоже часто застреваете на этапе «статья готова, а форматирование для аккаунта — нет», вы можете попробовать его напрямую:
https://weipai.iamadrianpunk.com
Об авторе
Punk｜Магистр менеджмента, USTC｜Промпты ИИ, руководства для начинающих по ИИ｜Автор навыков серии Punk｜Заработал 8 цифр за 3 месяца｜Учусь публично｜Просмотры статей FDE 2.4 млн｜@AdrianPunk115
