Markdown 转 HTML
将以下提示词粘贴到你的 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 笔记变成可离线打开的单文件页面。