Agent Skills
返回列表
Markdown 转 HTML

Markdown 转 HTML

办公效率 更新于 2026.08.30

将以下提示词粘贴到你的 AI 对话框中:

请根据 https://skillhub.cn/install/skillhub.md,安装 @user_bbc7674c/markdown-2-html。

技能介绍

解决什么问题

当 Markdown 需要发布成网页时,纯转换常常缺少代码高亮、主题适配和移动端阅读体验。markdown-2-html 的目标不是简单拼接标签,而是把 example.md 输出为可独立打开的 example.html,让技术笔记、API 说明和代码示例在浏览器中直接可读。

如何工作

技能围绕单文件 HTML 输出组织转换流程,核心脚本接收输入 Markdown 路径,并可选指定输出路径与页面标题:

  • 解析标题、列表、链接、图片、引用、表格等常见 Markdown 语法。
  • 为 bash、python、javascript、json、html、css 等代码块生成语法高亮样式。
  • 注入亮色与暗黑模式样式,让页面跟随系统主题切换。
  • 使用专业等宽字体、语言标签和横向滚动,优化代码块展示。
  • 控制桌面端最大宽度并适配移动端边距,保持中文排版可读。

适用边界

适合把静态 Markdown 文档转成轻量网页、分享页或快速验证排版效果;生成的 HTML 是独立单文件,图片仍依赖原链接或相对路径。若代码块没有语言标记,高亮效果可能受限。

使用场景

  • 把接口说明 Markdown 转成可独立打开的 HTML,便于同事查看请求示例和响应结构。
  • 将包含 Python 与 Bash 示例的技术笔记转成网页,确认代码块高亮和横向滚动效果。
  • 发布一篇 API 文档前,生成单文件 HTML,快速检查标题、表格和中文排版。
  • 将 Markdown 项目说明转成分享页,让页面跟随系统自动切换深浅色主题。

适合人员

  • 维护技术文档的工程师,需要把 Markdown 说明快速转成独立 HTML 预览。
  • 写教程的作者,希望代码块显示语言标签并保持语法高亮。
  • 做内部知识库的运营,要求发布页支持深浅色和移动端阅读。
  • 准备分享会材料的产品工程师,需要把 Markdown 笔记变成可离线打开的单文件页面。