README.md

metadata

title: 速查表工坊 (Cheat Sheet Studio)
emoji: 📝
colorFrom: blue
colorTo: indigo
sdk: docker
pinned: false
short_description: 专为开发者设计的可视化速查表生成器，支持Markdown和代码高亮。
app_port: 7860

速查表工坊 (Cheat Sheet Studio)

简介

速查表工坊 (Cheat Sheet Studio) 是一款专为开发者和知识创作者设计的可视化工具，帮助你快速制作漂亮、结构化的速查表（Cheat Sheet）。无论是编程语言语法、快捷键列表，还是备考知识点，都能通过简单的拖拽和编辑，生成高质量的图片。

功能亮点

• 可视化编辑：所见即所得的卡片式编辑体验，支持实时预览。
• 智能排版：基于 CSS Columns 的瀑布流（Masonry）自动布局，最大化利用版面空间。
• 多主题支持：内置多种配色方案（GitHub, Dracula, Obsidian, Monokai 等），一键切换风格。
• 代码高亮：集成 Prism.js，支持 Python, JavaScript, Shell, JSON 等常用语言语法高亮。
• 自定义配置：自由调整列数（1-4列）、字体大小、背景颜色。
• 本地化存储：所有数据自动保存到浏览器 LocalStorage，防止数据丢失。
• 高清导出：基于 html2canvas 的高清 PNG 导出，适合社交媒体分享或打印。

使用方法

1. 添加内容：点击左侧“添加文本卡片”或“添加代码卡片”。
2. 编辑卡片：直接点击卡片上的标题或内容进行编辑。
3. 调整样式：在侧边栏选择喜欢的主题颜色，调整列数布局。
4. 导出分享：点击右上角“导出图片”按钮，生成你的速查表。

部署

本项目基于 Flask + Vue 3 开发，支持 Docker 容器化部署，可直接运行在 Hugging Face Spaces。

本地运行

pip install flask
python app.py

Docker 运行

docker build -t cheat-sheet-studio .
docker run -p 7860:7860 cheat-sheet-studio