# xiaojunUIwork

**Repository Path**: NFUNM049/xiaojun-uiwork

## Basic Information

- **Project Name**: xiaojunUIwork
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-02-25
- **Last Updated**: 2021-02-25

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# ArtOnWeb-AOW/介绍
<!-- Created by TAAG
          _____                   _______                   _____          
         /\    \                 /::\    \                 /\    \         
        /::\    \               /::::\    \               /::\____\        
       /::::\    \             /::::::\    \             /:::/    /        
      /::::::\    \           /::::::::\    \           /:::/   _/___      
     /:::/\:::\    \         /:::/~~\:::\    \         /:::/   /\    \     
    /:::/__\:::\    \       /:::/    \:::\    \       /:::/   /::\____\    
   /::::\   \:::\    \     /:::/    / \:::\    \     /:::/   /:::/    /    
  /::::::\   \:::\    \   /:::/____/   \:::\____\   /:::/   /:::/   _/___  
 /:::/\:::\   \:::\    \ |:::|    |     |:::|    | /:::/___/:::/   /\    \ 
/:::/  \:::\   \:::\____\|:::|____|     |:::|    ||:::|   /:::/   /::\____\
\::/    \:::\  /:::/    / \:::\    \   /:::/    / |:::|__/:::/   /:::/    /
 \/____/ \:::\/:::/    /   \:::\    \ /:::/    /   \:::\/:::/   /:::/    / 
          \::::::/    /     \:::\    /:::/    /     \::::::/   /:::/    /  
           \::::/    /       \:::\__/:::/    /       \::::/___/:::/    /   
           /:::/    /         \::::::::/    /         \:::\__/:::/    /    
          /:::/    /           \::::::/    /           \::::::::/    /     
         /:::/    /             \::::/    /             \::::::/    /      
        /:::/    /               \::/____/               \::::/    /       
        \::/    /                 ~~                      \::/____/        
         \/____/                                           ~~              
-->
不需要一行代码，快速（最快5分钟）创建一个属于自己的作品网站。ArtOnWeb是一个静态网站，但通过javascript实现了资源的动态加载，即便你拥有大量的作品，也不会影响网站打开的速度。

## 样例:  
https://bingxueling.github.io/ArtOnWeb/  
http://www.wulihub.com.cn/go/qgMrpQ/index.html  

## 如何使用:  
1. 下载项目源码并解压。
2. 将设计效果图拷贝到「myworks」文件夹中，支持png、jpg和gif格式。
3. 使用浏览器打开「configuration.html」，参照页面引导生成「data.js」文件，然后将「data.js」文件也要拷贝到「myworks文件夹」中。
4. 将AOW全部文件部署到github等静态网站托管平台，完成！👏👏👏
* [㊙️建议使用压缩工具对图片进行压缩](https://github.com/kornelski/pngquant)

* [📺AOW使用和部署•视频教程](https://mp.weixin.qq.com/s?__biz=MzU2MzA3Mjg3Ng==&mid=2247483942&idx=1&sn=53bb994ff010e611a16b14e59ae79b61&chksm=fc5e9825cb29113318effeea05af8238560301db28c575b8590de7087e0ecf3f3f1b16894390&token=1299134327&lang=zh_CN#rd)  

## 优秀的AOW个人网站:  
[免费+设计-收集免费设计工具和资源](http://www.wulihub.com.cn/go/WwB6pq/index.html)  
[bingxueling的UI作品](http://www.wulihub.com.cn/go/QoBGXW/index.html)  
[YingFengYing的UI作品](http://www.wulihub.com.cn/go/J6e58Q/index.html)  
[风穷的乐趣-3D打印作品展](http://www.wulihub.com.cn/go/JMBdEq/index.html)  
[冰的摄影集](http://www.wulihub.com.cn/go/QKjOZW/index.html)  

## 遇到问题？微信扫一下反馈
<img src="https://raw.githubusercontent.com/bingxueling/ArtOnWeb/master/skin/qrcode_UIDesignScience.jpg" width = "172" height = "172" alt="wx_QRCode" />  

__©源码中"作品样图"仅用作样例展示，版权归原作者或所属公司__

---

# ArtOnWeb-AOW/Introduction

Without code, create a website of your own work quickly (up to 5 minutes) . ArtOnWeb is a static website, but achieve dynamic loading of resources through javascript, even if you have a large number of works, will not affect the speed of the website.

## Sample:  
https://bingxueling.github.io/ArtOnWeb/  
http://www.wulihub.com.cn/go/qgMrpQ/index.html  

## How to use:  
1. Download the project source and unzip it.
2. Copy your design to the "myworks" folder, support png, jpg and gif formats.
3. Use a browser to open "configuration.html" and refer to the page to generate a "data.js" file, Then copy the "data.js" file to the "myworks folder" as well.
4. Deploy all AOW files to a static website hosting platform such as github, and complete! 👏👏👏
* [㊙️It is recommended to compress the image using the compression tool](https://github.com/kornelski/pngquant)

* [📺AOW Usage and Deployment • Video Tutorial](https://www.youtube.com/watch?v=NAyT3AyBavA)

## Excellent AOW personal website:
[Free+Design-Collect free design tools and resources](http://www.wulihub.com.cn/go/WwB6pq/index.html)  
[bingxueling'UI design](http://www.wulihub.com.cn/go/QoBGXW/index.html)  
[YingFengYing'UI design](http://www.wulihub.com.cn/go/J6e58Q/index.html)  
[Windy hobby-3D printing exhibition](http://www.wulihub.com.cn/go/JMBdEq/index.html)

[bing's photography](http://www.wulihub.com.cn/go/QKjOZW/index.html)  

__©The "work sample" in the source code is only used as a sample display, and the copyright belongs to the original author or company.__