baoyu-markdown-to-html

Convert Markdown into branded HTML with inline CSS for WeChat publishing.

Updated Mar 1, 2026
One-click install
npx skills add https://github.com/lihanghang/agent-daily-blog --skill baoyu-markdown-to-html-lihanghang
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: baoyu-markdown-to-html
Source: https://github.com/lihanghang/agent-daily-blog/tree/main/skills-archive/2026-03-17/baoyu-skills/skills/baoyu-markdown-to-html
Command: npx skills add https://github.com/lihanghang/agent-daily-blog --skill baoyu-markdown-to-html-lihanghang

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?

Markdown authors often struggle to publish clean, branded HTML from raw Markdown, especially for WeChat where styling and support for code, math, diagrams, and footnotes vary.

Core Features & Use Cases

  • WeChat-ready HTML: inline CSS and themes for consistent rendering on WeChat and websites.
  • Diagram and math support: PlantUML diagrams and KaTeX-style math rendering.
  • Footnotes, alerts, and infographics: extended Markdown features rendered in production-friendly HTML.
  • Frontmatter-driven metadata: title/description extracted for SEO and previews.

Quick Start

Run baoyu-markdown-to-html on a Markdown file to generate a WeChat-ready HTML document.

Frequently Asked Questions about baoyu-markdown-to-html

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

FAQPage Schema
How do I convert Markdown to HTML for WeChat publishing with inline CSS?

To convert Markdown to WeChat-ready HTML, this Skill applies deterministic inline CSS and theme-based styling to ensure consistent rendering across WeChat and websites. It processes raw Markdown files to generate production-friendly HTML.

Can I render PlantUML diagrams and math formulas from Markdown to HTML?

Yes, rendering PlantUML diagrams and KaTeX-style math formulas from Markdown to HTML is supported. The Skill processes these extended Markdown features and embeds them directly into the final WeChat-ready HTML document.

How do I extract frontmatter metadata when converting Markdown to HTML?

Extracting frontmatter metadata during Markdown to HTML conversion is handled automatically. The Skill parses frontmatter to extract title and description metadata, which can be used for SEO optimization and generating link previews.

Does this Markdown to HTML converter support footnotes and code highlighting?

Yes, this Markdown to HTML converter supports rendering footnotes and applies code highlighting using highlight.js. It transforms extended Markdown features into branded HTML suitable for blog posts and documentation.

What is the best way to generate branded infographics from Markdown?

Generating branded infographics from Markdown is achieved by applying theme-based styling and inline CSS to the extracted content. This approach ensures visual consistency and deterministic output for WeChat publishing.

Why does my Markdown formatting break when publishing to WeChat?

Markdown formatting often breaks on WeChat due to inconsistent CSS support and stripped styling. This Skill solves the issue by generating deterministic output with inline CSS and predefined themes for reliable rendering.