Инструмент верстки Markdown для официальных аккаунтов WeChat

Преобразуйте статьи в формате Markdown в стиль оформления для официального аккаунта WeChat с поддержкой предпросмотра в реальном времени, подсветки кода, копирования в один клик, одиночного и пакетного преобразования

Сообщить об ошибке

Режим выполнения в браузере: Ваши данные обрабатываются в браузере и не загружаются на сервер.

Скорость и стабильность: Скорость обработки зависит от вашего устройства и браузера. Для больших пакетов настольная версия может быть стабильнее.

Загрузка инструмента, подождите...

Если онлайн-инструмент не загружается или не запускается, попробуйте настольный инструмент. https://tools.yikeaigc.com/

Использование инструмента

Вернуться к старой версии

Настройки верстки

Стиль темы

Размер текста

Межстрочный интервал

Интервал абзацев

Обработка ссылок

Автосодержание

Режим редактора

Всего слов:0

Китайский:0

Англ. слов:0

Абзацы:0

Время чтения:0 мин

Markdown-редактор

Автосохранено

📄 Отпустите файл для импорта

Предпросмотр WeChat (578px)

Настройки пакетной конвертации

Стиль темы

Формат вывода

Размер текста

Обработка ссылок

1Выберите Markdown-файлы

Поддерживаются файлы .md, .markdown, .txt; можно выбрать несколько. Нажмите имя файла для предпросмотра.

Скопировано в буфер, можно вставить в WeChat

\n'; } function readFileAsText(file) { return new Promise(function(resolve, reject) { const reader = new FileReader(); reader.onload = function(e) { resolve(e.target.result); }; reader.onerror = function(e) { reject(e); }; reader.readAsText(file, 'UTF-8'); }); } // ==================== 批量下载 ==================== batchDownloadBtn.addEventListener('click', function() { if (!batchZip || convertedResults.length === 0) { alert('没有可下载的内容'); return; } batchDownloadBtn.disabled = true; batchStatusText.textContent = '正在生成 ZIP 文件...'; batchZip.generateAsync({ type: 'blob', compression: 'DEFLATE' }) .then(function(content) { const link = document.createElement('a'); link.href = URL.createObjectURL(content); const timestamp = new Date().toISOString().replace(/[-:.]/g, '').replace('T', '_').slice(0, 15); link.download = 'markdown-wechat-' + timestamp + '.zip'; document.body.appendChild(link); link.click(); document.body.removeChild(link); URL.revokeObjectURL(link.href); batchStatusText.textContent = 'ZIP 文件已开始下载'; batchDownloadBtn.disabled = false; }) .catch(function(err) { batchStatusText.textContent = '生成ZIP失败: ' + err.message; batchDownloadBtn.disabled = false; }); }); // ==================== 初始化 ==================== // 尝试恢复上次保存的内容 const savedContent = localStorage.getItem('md-wechat-content'); if (savedContent && savedContent.trim().length > 0) { mdInput.value = savedContent; } else { mdInput.value = exampleMarkdown; } renderMarkdown(); autosaveIndicator.textContent = '就绪'; autosaveIndicator.className = 'md-autosave-indicator'; });

Инструкции

Инструкция по использованию

Выберите режим конвертации: инструмент предлагает два режима, переключаться между ними можно с помощью вкладок вверху:
- Одиночная конвертация: онлайн-редактирование Markdown-содержимого, предпросмотр в реальном времени, поддержка импорта файлов перетаскиванием
- Пакетная конвертация: загрузка нескольких Markdown-файлов, единая обработка конвертации, поддержка предпросмотра отдельного файла
Настройте параметры оформления:
- Стиль темы: доступно 8 цветовых схем: фиолетовая по умолчанию, свежая зелёная, энергичная оранжевая, яркая красная, технологичная синяя, деловая серая, девичья розовая и ночной режим; также поддерживаются пользовательские цвета (ввод HEX-значения или выбор через палитру)
- Размер основного текста: поддерживается выбор размера шрифта от 14px до 17px
- Межстрочный интервал: можно задать коэффициент высоты строки от 1.6 до 2.2
- Интервал между абзацами: можно настроить расстояние между абзацами от 10px до 18px
- Обработка ссылок: можно преобразовать ссылки в сноски (рекомендуется для официальных аккаунтов WeChat), оставить без изменений или оставить только текст
- Автоматическое оглавление: можно автоматически создавать навигационное оглавление в начале статьи
- Режим редактора: поддерживается переключение светлой/тёмной темы редактора, чтобы снизить зрительное утомление при длительном редактировании
Редактируйте Markdown-содержимое: введите или вставьте Markdown-текст в редакторе слева; с помощью панели инструментов можно быстро вставлять заголовки, жирный текст, списки, блоки кода, таблицы и другие элементы. Поддерживаются горячие клавиши (Ctrl+B — жирный, Ctrl+I — курсив, Ctrl+D — зачёркивание, Ctrl+S — сохранение, Ctrl+1/2/3 — заголовки, Tab — отступ). Также можно напрямую перетащить .md-файл в область редактора для импорта содержимого. Нажмите кнопку "Пример", чтобы загрузить пример содержимого для справки.
Просматривайте статистику: панель статистики над редактором в реальном времени показывает общее количество символов, количество китайских иероглифов, количество английских слов, число абзацев и примерное время чтения, что помогает контролировать объём статьи.
Предпросмотр оформления: область предпросмотра справа в реальном времени показывает стиль официального аккаунта WeChat, ширина предпросмотра строго соответствует стандарту 578 пикселей. Все стили рендерятся встроенно, чтобы после копирования форматирование полностью сохранялось.
Скопируйте в официальный аккаунт: нажмите кнопку "Скопировать в официальный аккаунт", чтобы напрямую скопировать отформатированное содержимое в буфер обмена, затем вставьте его в редакторе официального аккаунта WeChat. Ссылки автоматически преобразуются в формат сносок, подходящий для чтения в официальном аккаунте.
Экспорт в длинное изображение/PDF: нажмите кнопку "📷 Длинное изображение" над областью предпросмотра, чтобы экспортировать статью в длинное PNG-изображение; нажмите кнопку "📄 PDF", чтобы экспортировать PDF-файл для удобного размещения на других платформах.
Автосохранение и история: редактируемое содержимое автоматически сохраняется в локальном браузере; после закрытия страницы при повторном открытии можно восстановить последнее редактирование. Нажмите кнопку "📋 История", чтобы просмотреть и восстановить исторические версии (сохраняется до 20 записей).
Пакетная конвертация: переключитесь в пакетный режим, выберите несколько файлов .md или .txt, нажмите на имя файла, чтобы просмотреть результат конвертации отдельного файла. После настройки формата вывода нажмите "Начать пакетную конвертацию", а по завершении нажмите "Скачать все результаты (ZIP)", чтобы получить все преобразованные файлы. Пакетный режим также поддерживает синтаксис информационных карточек, преобразование сносок и подсветку кода.

Часто задаваемые вопросы

Ответ: поддерживается стандартный синтаксис GFM (GitHub Flavored Markdown), включая заголовки (H1-H6), жирный текст, курсив, зачёркивание, нумерованные списки, маркированные списки, блоки цитат, блоки кода, встроенный код, таблицы, ссылки, изображения, разделительные линии и т. д. Также поддерживается пользовательский синтаксис информационных карточек (:::info, :::warning, :::success, :::danger), причём информационные карточки поддерживают многострочное содержимое.

Ответ: Поддерживается подсветка синтаксиса для популярных языков программирования, таких как JavaScript, Python, Java, PHP, CSS, HTML/XML, SQL, Bash, JSON, TypeScript, Go, C# и др. Чтобы включить соответствующую подсветку, укажите название языка в начале блока кода. HTML-файлы, созданные при пакетном преобразовании, также содержат стили подсветки кода.

Ответ: Нет. Инструмент разработан строго по стандарту ширины 578 пикселей для WeChat Official Accounts, все стили записываются в HTML встроенным способом (включая цвета темы, размер шрифта, высоту строки, интервалы между абзацами и т. д.). После копирования можно сразу вставить текст в редактор WeChat Official Accounts: формат будет соответствовать предварительному просмотру без дополнительной настройки.

Ответ: Пакетное преобразование поддерживает входные файлы трех форматов: .md, .markdown и .txt. В качестве выходного формата можно выбрать HTML-файл или обычный текст (с HTML-кодом); после преобразования файлы будут упакованы в ZIP-архив для скачивания. Перед преобразованием можно нажать на имя файла, чтобы просмотреть оформление отдельного файла.

Ответ: Нет. Весь разбор Markdown и преобразование формата выполняются локально на вашем устройстве, содержимое файлов не загружается ни на какие серверы, что обеспечивает конфиденциальность ваших статей и безопасность данных. Функция автосохранения использует локальное хранилище браузера (localStorage), данные сохраняются только на вашем устройстве.

Ответ: поддерживаются два варианта записи. Однострочный вариант: :::info Информационное содержимое:::. Многострочный вариант (рекомендуется): начните с :::info, разместите содержимое посередине и завершите :::; каждая часть должна быть на отдельной строке. Доступные типы: :::info синяя информационная карточка, :::warning оранжевая карточка предупреждения, :::success зелёная карточка успеха, :::danger красная карточка опасности.

Ответ: если после преобразования у нескольких файлов окажется одинаковое имя, система автоматически добавит к имени файла числовой суффикс для различения, например: article.html, article_2.html, article_3.html, чтобы все файлы были корректно сохранены.

Ответ: в статьях WeChat Official Account гиперссылки нельзя напрямую нажимать для перехода. После включения режима «Преобразовать в сноски» ссылки в статье автоматически преобразуются в надстрочные числовые пометки (например, [1], [2]), а в конце статьи единым списком выводятся все адреса ссылок, чтобы читателям было удобно их просматривать. Это рекомендуемый способ верстки для официальных аккаунтов.

Ответ: нажмите кнопку «📷 Длинное изображение» над областью предпросмотра, чтобы экспортировать статью в длинное изображение PNG высокого качества (разрешение 2×). Нажмите кнопку «📄 PDF», чтобы экспортировать файл PDF формата A4. Экспортируемое содержимое соответствует предпросмотру и подходит для публикации в Moments, группах и других сценариях.

Ответ: нет. В инструмент встроена функция автосохранения: редактируемое содержимое автоматически сохраняется в локальном хранилище браузера каждые 3 секунды. Даже если страница будет случайно закрыта, при следующем открытии последний редактируемый текст восстановится автоматически. Также сохраняются последние 20 записей истории; нажмите кнопку «📋 История», чтобы в любой момент просмотреть и восстановить предыдущие версии. Также можно использовать Ctrl+S для ручного сохранения.

Ответ: Поддерживаются следующие горячие клавиши: Ctrl+B — жирный шрифт, Ctrl+I — курсив, Ctrl+D — зачёркивание, Ctrl+S — ручное сохранение, Ctrl+1 — заголовок первого уровня, Ctrl+2 — заголовок второго уровня, Ctrl+3 — заголовок третьего уровня, Tab — вставить отступ. Пользователям Mac достаточно заменить Ctrl на клавишу Command.

Ответ: В раскрывающемся меню стиля темы выберите «Пользовательский цвет» — появятся палитра выбора цвета и поле ввода HEX. Вы можете нажать на палитру, чтобы выбрать цвет визуально, или напрямую ввести 6-значное значение HEX (например, #FF6600). Декоративная линия заголовка, жирный текст, рамка блока цитаты и другие элементы будут единообразно использовать заданный вами цвет.