A Free Markdown Formatting Tool Tailored for WeChat Public Account Authors

Problem

For public‑account authors, the most time‑consuming part is repeatedly adjusting titles, code blocks, citations, spacing and styles. Technical articles often require extra work for code highlighting and external link handling.

Authors who write articles in Markdown can focus on content while the tool automatically adapts the Markdown to WeChat’s special styling requirements.

Reconstruction

The first attempt with Vibe Coding produced a basic formatter but the front‑end architecture was immature and the project paused when the personal server expired. A later overhaul used Codex App + GPT 5.5 and Kiro IDE + Claude Opus 4.7, adopting a more rational project structure that aligns with current best practices.

01 Codex App – Full‑Process Architecture Refactor

The new architecture separates the markdown editor, a safe HTML renderer, and a theme engine that injects the inline styles required by WeChat, enabling straightforward future evolution.

02 Kiro + Claude Opus 4.7 – Styling and Polish

Kiro Pro currently offers a free one‑month Pro membership with 1000 credits.

Feature Highlights

Real‑time preview: write on the left, see the result on the right, close to WYSIWYG.

One‑click copy: copies rich text with inline styles, ready for WeChat’s backend.

Four themes: Classic, Simple, Elegant, Technical.

Adjustable styles: theme color, font, size, and code‑highlight theme are switchable.

Code highlighting: supports multiple Highlight.js themes for technical articles.

Responsive preview modes: desktop, mobile, wide‑screen for different reading scenarios.

Local configuration storage: settings are saved in the browser, no login or cloud account required, preserving user privacy.

Technical Implementation

The editor accepts Markdown input, the renderer converts it to safe HTML, then the theme configuration adds inline styles that match WeChat’s constraints, and finally the copy function outputs rich text ready for pasting.

Key Trade‑offs

Inline styles are used because WeChat’s backend has limited support for external CSS, making inline styles more stable.

External links are converted to citation links because ordinary links in the article body cannot be clicked directly; citations fit the actual publishing scenario.

Mobile preview is provided because the primary reading context for public accounts is on smartphones.

Technical themes and code highlighting are offered to serve authors of technical public‑account articles.

Conclusion

The tool is not meant to replace writing but to reduce formatting overhead, allowing authors to devote more energy to content expression. It is built on an extensible framework that facilitates future expansion and maintenance.

Experience URL: https://md.xiayoumu.com/