Back to Skills
baoyu-markdown-to-html
Converts Markdown to styled HTML with WeChat-compatible themes. Supports code highlighting, math, PlantUML, footnotes, alerts, infographics, and optional bottom citations for external links. Use when user asks for "markdown to html", "convert md to html", "md 转 html", "微信外链转底部引用", or needs styled HTML output from markdown.
14,162stars1,632forksUpdated 4/12/2026
Documentation#custom-css#html-conversion#wechat-integration#markdown-to-html#documentation#code-highlighting
Security Assessment
Safe(100/100)
Security Score100/100
About baoyu-markdown-to-html
The baoyu-markdown-to-html skill is designed to convert Markdown content into styled HTML, specifically optimized for platforms such as WeChat Official Account. By processing Markdown files, this skill provides a seamless way to generate beautiful, themed HTML with inline CSS. It addresses the need for easy, fast, and efficient transformation of Markdown into HTML that is compatible with WeChat's content system, which is particularly crucial for users who frequently publish or share content in this ecosystem.
FAQ
How do I convert my Markdown file to HTML using baoyu-markdown-to-html?
To convert a Markdown file to HTML, simply use the `baoyu-markdown-to-html` skill, which will automatically generate HTML with styled content based on your input Markdown.
What if my content includes Chinese characters? Does the skill handle that?
Yes, the skill detects Chinese (CJK) characters in the input Markdown. If detected, it will prompt the user to use the `baoyu-format-markdown` skill for formatting before proceeding with the HTML conversion.
Are there any external dependencies required to use this skill?
Yes, the skill requires either 'bun' or 'npx' to execute. If neither is installed, the skill will suggest installing 'bun' to proceed.
Can I customize the theme or style of the HTML output?
Yes, you can customize the theme or use custom CSS variables by modifying the EXTEND.md file. The skill allows flexibility in adjusting code block styles and other elements based on user preferences.
Is there any requirement for using external links in my Markdown content?
Yes, if your Markdown contains external links, the skill supports adding bottom citations for these links, ensuring a cleaner and more structured output.
All Files
108 filesscripts/bun.lock22.9 KB
Viewscripts/package.json0.1 KB
ViewSKILL.md9.8 KB
Viewscripts/main.ts7.4 KB
Viewscripts/vendor/baoyu-md/src/LICENSE0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/a11y-dark.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/an-old-hope.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/arta.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/atom-one-dark.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/codepen-embed.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/default.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/far.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/github-dark-dimmed.min.css1.2 KB
Viewscripts/main.test.ts1.7 KB
Viewscripts/vendor/baoyu-md/package.json0.5 KB
Viewscripts/vendor/baoyu-md/src/code-themes/1c-light.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/agate.min.css1.3 KB
Viewscripts/vendor/baoyu-md/src/code-themes/arduino-light.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/atom-one-dark-reasonable.min.css1.2 KB
Viewscripts/vendor/baoyu-md/src/cli.ts5.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/a11y-light.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/androidstudio.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/ascetic.min.css0.4 KB
Viewscripts/vendor/baoyu-md/src/code-themes/atom-one-light.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/color-brewer.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/devibeans.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/felipec.min.css1.2 KB
Viewscripts/vendor/baoyu-md/src/code-themes/github-dark.min.css1.3 KB
Viewscripts/vendor/baoyu-md/src/code-themes/googlecode.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/brown-paper.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/dark.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/docco.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/foundation.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/github.min.css1.3 KB
Viewscripts/vendor/baoyu-md/src/code-themes/gradient-dark.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/hybrid.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/gml.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/gradient-light.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/idea.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/isbl-editor-dark.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/kimbie-light.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/magula.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/grayscale.min.css1.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/intellij-light.min.css1.0 KB
Viewscripts/vendor/baoyu-md/src/code-themes/isbl-editor-light.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/lightfair.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/mono-blue.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/night-owl.min.css1.4 KB
Viewscripts/vendor/baoyu-md/src/code-themes/nord.min.css2.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/panda-syntax-light.min.css1.0 KB
Viewscripts/vendor/baoyu-md/src/code-themes/purebasic.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/rainbow.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/ir-black.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/kimbie-dark.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/lioshi.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/code-themes/monokai-sublime.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/nnfx-dark.min.css1.4 KB
Viewscripts/vendor/baoyu-md/src/code-themes/obsidian.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/paraiso-dark.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/qtcreator-dark.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/monokai.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/nnfx-light.min.css1.4 KB
Viewscripts/vendor/baoyu-md/src/code-themes/panda-syntax-dark.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/code-themes/paraiso-light.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/pojoaque.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/qtcreator-light.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/school-book.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/routeros.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/srcery.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/sunburst.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/code-themes/tomorrow-night-blue.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/vs2015.min.css1.1 KB
Viewscripts/vendor/baoyu-md/src/constants.ts3.3 KB
Viewscripts/vendor/baoyu-md/src/extend-config.ts2.3 KB
Viewscripts/vendor/baoyu-md/src/extensions/index.ts0.3 KB
Viewscripts/vendor/baoyu-md/src/extensions/markup.ts2.1 KB
Viewscripts/vendor/baoyu-md/src/extensions/slider.ts2.8 KB
Viewscripts/vendor/baoyu-md/src/images.ts4.1 KB
Viewscripts/vendor/baoyu-md/src/renderer.ts13.3 KB
Viewscripts/vendor/baoyu-md/src/themes/default.css7.5 KB
Viewscripts/vendor/baoyu-md/src/themes/simple.css2.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/shades-of-purple.min.css0.8 KB
Viewscripts/vendor/baoyu-md/src/code-themes/stackoverflow-light.min.css1.3 KB
Viewscripts/vendor/baoyu-md/src/code-themes/tokyo-night-light.min.css1.2 KB
Viewscripts/vendor/baoyu-md/src/code-themes/vs.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/xt256.min.css0.7 KB
Viewscripts/vendor/baoyu-md/src/document.ts6.7 KB
Viewscripts/vendor/baoyu-md/src/extensions/footnotes.ts2.4 KB
Viewscripts/vendor/baoyu-md/src/extensions/katex.ts4.5 KB
Viewscripts/vendor/baoyu-md/src/extensions/ruby.ts3.6 KB
Viewscripts/vendor/baoyu-md/src/html-builder.ts4.4 KB
Viewscripts/vendor/baoyu-md/src/render.ts1.2 KB
Viewscripts/vendor/baoyu-md/src/themes/base.css0.7 KB
Viewscripts/vendor/baoyu-md/src/themes/modern.css8.0 KB
Viewscripts/vendor/baoyu-md/src/utils/languages.ts7.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/stackoverflow-dark.min.css1.2 KB
Viewscripts/vendor/baoyu-md/src/code-themes/tokyo-night-dark.min.css1.2 KB
Viewscripts/vendor/baoyu-md/src/code-themes/tomorrow-night-bright.min.css0.6 KB
Viewscripts/vendor/baoyu-md/src/code-themes/xcode.min.css0.9 KB
Viewscripts/vendor/baoyu-md/src/content.ts3.1 KB
Viewscripts/vendor/baoyu-md/src/extensions/alert.ts19.2 KB
Viewscripts/vendor/baoyu-md/src/extensions/infographic.ts3.6 KB
Viewscripts/vendor/baoyu-md/src/extensions/plantuml.ts7.4 KB
Viewscripts/vendor/baoyu-md/src/extensions/toc.ts2.0 KB
Viewscripts/vendor/baoyu-md/src/index.ts0.3 KB
Viewscripts/vendor/baoyu-md/src/themes.ts2.2 KB
Viewscripts/vendor/baoyu-md/src/themes/grace.css2.4 KB
Viewscripts/vendor/baoyu-md/src/types.ts1.8 KB
ViewInstall baoyu-markdown-to-html
Quick Setup:
- Copy the skill folder to
.claude/skills/ - Claude will automatically detect and use the skill
Repository
jimliu/baoyu-skills