html-gen
零依赖 Python CLI：Markdown/JSON → 自包含单文件 HTML · 深色主题 · 中文优先
⚡ 安装
$
bash install.sh install
$
export PATH="$HOME/.local/bin:$PATH"
🚀 快速开始
$
html-gen doc -i report.md -o report.html --title "标题"
$
html-gen table -d data.json -o index.html
$
html-gen knowledge -d data.json -o kb.html
$
html-gen slide -i slides.md -o slides.html
↓ 模板说明
四型模板 · 一套深色主题
↑ 返回首页
从 Markdown / JSON 一键生成自包含单文件 HTML
📊
A 模板 · 数据表格
模板使用说明 ↗
layout-table.html (1110 行)
文件索引
项目管理
数据浏览
技能清单
🔍 实时搜索 + Cmd+F Spotlight 弹窗
🔽 多字段排序 + Shift 二级排序 + 中文 locale
📏 密度切换 (紧凑/标准/舒适)
🖱️ 四种点击模式 (新标签/弹出面板/分栏预览/行内展开)
📌 快速过滤 (点击单元格值) + 列冻结
⌨️ 键盘导航 ↑↓ + F 全屏 + 批量操作
$
html-gen table -d data.json -o index.html
案例演示
📋
DEMO 案例索引
全站文件清单 · 模板/大小/更新时间
→
🧠
Hermes Skills 清单
98 个 Skill · 15 个分类 · 全 Profile
→
🧪
Phase 2-4 全功能演示
8 条项目 · 密度/模态/分栏/展开/过滤/冻结/预设
→
📄
B 模板 · 文档阅读
模板使用说明 ↗
layout-doc.html (436 行)
分析报告
知识库
长文阅读
技术文档
📑 自动 TOC + 🔍 TOC 搜索 (150ms debounce)
◀▶ 侧边栏折叠/展开 (48px 收起, [ 快捷键)
↔ 侧边栏宽度拖拽 (200-400px)
🌙☀️ 深色/浅色主题 + 🇨🇳🇺🇸 中英双语
📋 代码复制 + 行号 + Callout + 阅读进度条
🖼️ 图片灯箱 + 📌 锚点链接 + 🔗 外链归档
$
html-gen doc -i report.md -o report.html
案例演示
📐
Markdown 语法规范
支持的语法子集 · 规则 · 常见错误
→
📄
B 模板 · 文档模板说明
使用场景 · 方案设计 · URL 入参控制
→
📊
A 模板 · 表格模板说明
使用场景 · 方案设计 · 功能清单
→
📚
C 模板 · 知识库
模板使用说明 ↗
layout-knowledge.html (342 行)
知识库
面试准备
技术文档
项目 Wiki
📑 顶部标签栏 + 左侧章节列表 (badge 标记)
🔍 侧边栏搜索 (150ms debounce, section 自动隐藏)
◀▶ 侧边栏折叠 + ↔ 宽度拖拽 (200-400px)
🌙☀️ 主题 + 🇨🇳🇺🇸 双语 + 右上角工具栏
📖 iframe / 内联 desc 双内容模式 + 欢迎面板
💾 localStorage 状态记忆 (group + item)
$
html-gen knowledge -d data.json -o kb.html
案例演示
🎬
以剧读史 · 影视历史知识库
中国历史 / 大明王朝1566 / 雍正王朝 3 组 · 概述/时间轴/36计策
→
☁️
云智慧 · 商业分析知识库
智能运维 AIOps · 监控宝/透视宝/压测宝 · 12 条目
→
🏢
长亭科技 · 商业分析知识库
4 个大类 · 14 个条目 · 售前架构师视角
→
🖼️
D 模板 · 幻灯片
模板使用说明 ↗
layout-slide.html (673 行)
课件演示
会议分享
分段阅读
演讲投屏
📄 h2 自动分页 + 🖼️ 封面页 + H3 双列模式
🔍 TOC 搜索 + 章节高亮 (翻页联动)
◀▶ 侧边栏折叠 + ↔ 宽度拖拽 (200-400px)
🌙☀️ 主题 + 🇨🇳🇺🇸 双语 + 右上角工具栏
⌨️ 键盘翻页 (←→ Space Home End) + ● 圆点导航
💾 localStorage 进度保存 + 页码实时更新 (i18n)
$
html-gen slide -i slides.md -o slides.html
案例演示
🖼️
B 模板方案 · Slide 幻灯片版
h2 分页 · 键盘翻页 · 圆点导航 · 全屏演示
→
↑