Update README.md

README.md

@@ -1,18 +1,34 @@
-# umap 大学蹭饭图网页生成工具
+<h1 align="center">✨UMAP 大学蹭饭图网页生成工具✨</h1>
 
-本项目试图通过纯前端的方式生成大学蹭饭图，用户仅需截图即可。
+<p align="center">本项目使用纯前端方式开发大学蹭饭图生成工具，甚至可以完全放置于CDN或者对象存储空间。</p>
+<p align="center">在线体验：https://umap.orangii.cn/</p>
 
-目前希望开放的功能
-- [ ] 首先是基本功能
-- [ ] 地图自定义+背景自定义
-- [ ] 用户自己跳转方式
+<br />
+
+## 项目的特色有
+- [x] 纯HTML+CSS+JS
+- [x] 交互式地图
+- [x] 使用Vue渲染，实时更新
+- [x] 地图省份颜色及卡片颜色自定义
+- [x] 支持图片/纯色/透明背景
+- [x] 原生js截图方式，可以下载/使用浏览器保存
+- [ ] 地图到对应信息卡的引导线（开发中）
 
 ---
 
-## 数据定义
+## 截图
+
+![UMAP screenshot](https://user-images.githubusercontent.com/14857984/129367150-4e450144-e8c3-47d7-b9ef-b8ade49cfc1e.png)
+
+![Custom Background Supported](https://user-images.githubusercontent.com/14857984/129367428-fdb602be-61fd-4d60-af56-cf1bb6db266e.png)
+
+## 帮助开发
+
+如果你遇到问题或出现BUG，欢迎在Issues中提交
+
+如果你希望参与开发，可以Fork项目到本地然后进行开发，并提交Pull Request，等待审核后即可参与XD
 
-| 数据名 | 用途 | 格式 |
-|---|---|---|
-| MakerOpened | 表示生成页已打开 | true/false |
-| ControllerOpened | 控制页已打开 | true/false |
-| Info | 各同学信息 | JSON {"provinceNo":["name"],...} |
+## 支持开发者
+- 点个Star（右上角）
+- 点击Sponsor（上方）或访问作者的[赞助页](https://orangii.cn/donate.html?from=https://github.com/Jiaocz/UMAP)
+- 没有更多方式 :D