Code2HTML - 代码转 HTML 工具

将代码文件转换为带语法高亮的 HTML 文件，支持多种编程语言格式。

🌐 在线体验：https://josiczhou.github.io/code2html/

功能特性

• 拖拽上传：将文件直接拖入页面
• 选择文件：通过文件选择器上传单个或多个文件
• 多格式支持：.py、.ipynb、.js、.ts、.html、.css、.json、.md 等
• Jupyter Notebook：完整解析 .ipynb 文件，保留代码单元格结构
• 语法高亮：基于 Highlight.js 的精美代码高亮
• 选择保存位置：下载时可选择每个 HTML 文件的保存位置（支持现代浏览器）

快速开始

方式一：直接打开

双击 index.html 在浏览器中打开即可使用。

方式二：本地服务器（推荐）

选择保存位置功能需要 HTTPS 或 localhost 环境，建议使用本地服务器：

# 使用 Python
python -m http.server 8080

# 或使用 Node.js (需先 npm install -g serve)
npx serve -p 8080

然后访问 http://localhost:8080

使用方法

1. 上传文件：拖拽文件、点击选择文件、或浏览文件夹
2. 转换：点击「转换为 HTML」按钮
3. 预览：在页面下方查看转换效果
4. 下载：点击「下载 HTML」，在弹出对话框中选择保存位置

支持的文件格式

扩展名	语言
.py	Python
.ipynb	Jupyter Notebook
.js, .jsx	JavaScript
.ts, .tsx	TypeScript
.html	HTML/XML
.css	CSS
.json	JSON
.md	Markdown
.java	Java
.go	Go
.rs	Rust
.sql	SQL
.sh	Bash
.yaml, .yml	YAML
.xml, .vue, .svelte	XML

技术栈

• 纯前端实现，无需后端
• Highlight.js 语法高亮
• File System Access API（选择保存位置）

部署到 GitHub Pages

1. 在 GitHub 创建仓库 code2html
2. 在仓库 Settings → Pages 中，Source 选择 Deploy from a branch
3. Branch 选择 main，Folder 选择 / (root)，保存
4. 推送代码后，站点将发布到 https://josiczhou.github.io/code2html/