# jsonformat

**Repository Path**: rodert/jsonformat

## Basic Information

- **Project Name**: jsonformat
- **Description**: Json Format Json 格式化，简单轻量无广告

rodert.github.io/jsonformat/
- **Primary Language**: HTML
- **License**: Apache-2.0
- **Default Branch**: main
- **Homepage**: https://rodert.github.io/jsonformat/
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2025-11-03
- **Last Updated**: 2025-11-03

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# JSON格式化工具

一个简洁大方的在线JSON格式化工具，可以快速格式化、美化和验证JSON数据。

[https://rodert.github.io/jsonformat/](https://rodert.github.io/jsonformat/)

## 功能特点

- 即时JSON格式化和验证
- 语法高亮显示
- 左侧输入，右侧实时预览
- 简洁大方的用户界面
- 支持复制格式化后的JSON
- 提供示例JSON数据
- 响应式设计，适配移动设备

## 在线体验

访问 [GitHub Pages](https://Rodert.github.io/jsonformat/) 即可在线使用该工具。

![JSON格式化工具截图](img/image.png)

## 本地运行

1. 克隆仓库
   ```
   git clone https://github.com/Rodert/jsonformat.git
   ```

2. 进入项目目录
   ```
   cd jsonformat
   ```

3. 使用浏览器打开 `index.html` 文件即可

## 部署到GitHub Pages

### 自动部署（推荐）

本项目已配置GitHub Actions自动部署功能，只需以下步骤：

1. Fork 本仓库
2. 进入仓库设置 (Settings)
3. 在左侧菜单找到 "Pages"
4. 在 "Source" 部分，选择 "GitHub Actions"
5. 完成后，每次推送到main分支时，将自动部署到GitHub Pages
6. 部署完成后，您的网站将在 `https://Rodert.github.io/jsonformat/` 上线

### 手动部署

如果您不想使用自动部署，也可以手动部署：

1. Fork 本仓库
2. 进入仓库设置 (Settings)
3. 在左侧菜单找到 "Pages"
4. 在 "Source" 部分，选择 "Deploy from a branch"
5. 选择 "main" 分支和 "/ (root)" 文件夹
6. 点击 "Save" 按钮
7. 等待几分钟后，您的网站将在 `https://Rodert.github.io/jsonformat/` 上线

## 技术栈

- HTML5
- CSS3
- JavaScript (ES6+)
- highlight.js (用于语法高亮)

## 许可证

MIT

## 贡献

欢迎提交 Issue 或 Pull Request 来改进这个项目！