baoyu-markdown-to-html

Convert Markdown with frontmatter into styled HTML for WeChat articles.

Updated Feb 13, 2026
One-click install
npx skills add https://github.com/chengyihua/nanobot-ts --skill baoyu-markdown-to-html-chengyihua
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: baoyu-markdown-to-html
Source: https://github.com/chengyihua/nanobot-ts/tree/main/skills/baoyu-markdown-to-html
Command: npx skills add https://github.com/chengyihua/nanobot-ts --skill baoyu-markdown-to-html-chengyihua

SYSTEM DOCUMENTATION & REQUIREMENTS

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

What problem does it solve?

Converts Markdown into styled HTML output tailored for WeChat Official Account and other platforms, automating the presentation layer to save time on formatting and styling.

Core Features & Use Cases

  • Converts Markdown with frontmatter metadata into a ready-to-publish HTML document, including code highlighting, math, PlantUML diagrams, footnotes, alerts, and infographics.
  • Supports WeChat-compatible themes, inline CSS, and automatic image handling for remote and embedded images.
  • Use case: A content creator has a Markdown draft and wants a polished HTML article ready for posting to a WeChat official account with consistent typography and visuals.

Quick Start

Convert an input Markdown file to a styled HTML file using the baoyu-markdown-to-html script.

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 styled HTML for WeChat Official Account articles?

To convert Markdown to styled HTML for WeChat, this Skill automates the presentation layer by parsing frontmatter, applying inline CSS, and generating theme-aware HTML ready for direct publishing on the platform.

Can I render PlantUML diagrams and syntax highlighting when converting Markdown to HTML?

Yes, you can render PlantUML diagrams and syntax highlighting during Markdown to HTML conversion. The Skill integrates highlight.js to process code blocks and supports infographic rendering within the styled output.

Does this Markdown to HTML converter support footnotes and frontmatter parsing?

Yes, this Markdown to HTML converter supports footnotes and frontmatter parsing. It utilizes unified, remark-parse, and remark-cjk-friendly to accurately process metadata and reference links into the final styled HTML document.

What is the best way to handle remote and embedded images for WeChat-compatible HTML?

The best way to handle remote and embedded images for WeChat-compatible HTML is using this Skill's automatic image processing. It embeds visual assets directly into the styled output to ensure compatibility across publishing platforms.

How do I calculate reading time and apply CJK-friendly formatting for Markdown articles?

To calculate reading time and apply CJK-friendly formatting for Markdown articles, this Skill uses the reading-time and remark-cjk-friendly dependencies. This ensures accurate text parsing and styling for Chinese, Japanese, and Korean content.

Are there limitations when using inline CSS for WeChat article themes?

Inline CSS for WeChat article themes is applied automatically by this Skill to ensure platform compatibility. While it provides consistent typography and visuals, WeChat's editor may strip certain external style classes, making inline styling necessary for stable rendering.