canghe-markdown-to-html

Convert Markdown files into WeChat-compatible styled HTML with optional code highlighting and PlantUML.

429|102|Updated Feb 24, 2026

Search Tags:#markdown #html #themes #wechat #plantuml #infographic #footnotes

Ready to run

npx skills add https://github.com/freestylefly/canghe-skills --skill canghe-markdown-to-html

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: canghe-markdown-to-html
Source: https://github.com/freestylefly/canghe-skills/tree/main/skills/canghe-markdown-to-html
Command: npx skills add https://github.com/freestylefly/canghe-skills --skill canghe-markdown-to-html

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires fflate, front-matter, highlight.js, juice, marked, reading-time, remark-cjk-friendly, remark-parse, remark-stringify, unified, and includes scripts (resource) components.

What problem does it solve?

This Skill converts Markdown into styled HTML that works seamlessly with WeChat themes, eliminating the manual effort of styling and structuring content for publication.

Core Features & Use Cases

WeChat-optimized themes and inline CSS render content consistently across platforms
Diagram and infographic support via PlantUML and Infographic extensions
Footnotes, alerts, code highlighting, math rendering, and other rich Markdown features
Use Case: Content creators write Markdown and publish to WeChat Official Account with a single command, generating a ready-to-publish HTML file

Quick Start

Run the converter on your Markdown file to produce a WeChat-ready HTML file.

Frequently Asked Questions about canghe-markdown-to-html

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I convert Markdown to styled HTML for WeChat Official Accounts?▼

You can convert Markdown to WeChat-ready HTML by running the converter on a Markdown file with YAML frontmatter, applying themes like default, grace, or simple to generate a styled HTML file with inline CSS for consistent WeChat rendering.

What Markdown features are supported when converting content for WeChat?▼

When converting Markdown to WeChat HTML, supported features include code highlighting via highlight.js, footnotes, math rendering, alerts, PlantUML diagrams, and infographics, processed through a unified rendering pipeline.

Does the Markdown to HTML converter support PlantUML diagrams and code highlighting?▼

Yes, the converter supports PlantUML diagrams and code highlighting using highlight.js, processing these through a rendering pipeline that embeds the rendered output as inline HTML compatible with WeChat.

Can I customize the WeChat HTML output theme and configuration?▼

Yes, you can customize the output by choosing from theme variants like default, grace, and simple, and by providing an optional EXTEND.md configuration file alongside the Markdown source to adjust rendering behavior.

What is the best way to handle images when converting Markdown to WeChat HTML?▼

The converter handles images through its rendering pipeline, applying compatibility tweaks to ensure images embedded in Markdown render correctly within WeChat Official Accounts, producing ready-to-publish HTML.

Why does my Markdown content lose formatting when pasted into WeChat?▼

Markdown loses formatting in WeChat because the platform requires inline CSS; this converter resolves the issue by using the juice dependency to inline CSS styles from WeChat-optimized themes directly into the HTML output.