# html5-generator

**Repository Path**: keetone/html5-generator

## Basic Information

- **Project Name**: html5-generator
- **Description**: 通过编辑器生成h5页面 make html5 pages through editor
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 4
- **Forks**: 1
- **Created**: 2018-04-17
- **Last Updated**: 2022-02-17

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# html5-generator
一个快速制作移动宣传页面的工具 | a tool for making mobile slide pages with animations

## 使用方法 | Usage ##
直接打开[http://h5.i18ntech.com/](http://h5.i18ntech.com/)使用，或搭建自己的服务 | open [http://h5.i18ntech.com/](http://h5.i18ntech.com/) or checkout code and build your own

提前安装 | Prerequisites：[nodejs](http://nodejs.org)，[mongodb](http://www.mongodb.org/)可选（也可用nedb代替），git 

1. 下载代码 | check out code

> git clone https://github.com/postor/html5-generator.git

2. 安装依赖 | install packages

> cd html5-generator

> npm install

3. 修改配置 | modify config (eg: dbURI)

> vi config.js

4. 启动服务 | start your service

> node app.js

## 已有功能 | Current Build ##
- 注册 | register
- 登陆 | login
- 创建页面 | create page
- 编辑页面、元素 | edit page/element
- 元素进场效果 | animation for come in
- 元素持续动画 | animation for infinite loop
- 支持基于模板修改 | create base on another

## 效果 | check it out ##
- 测试地址 | test url：[http://h5.i18ntech.com/](http://h5.i18ntech.com/)
- 作品示例 | example page result：[http://h5.i18ntech.com/project/kgHJD6mrNMK1sqns](http://h5.i18ntech.com/project/kgHJD6mrNMK1sqns)
- 截图 | editor screenshot ：[https://github.com/postor/h5generator/blob/master/screenshot.png](https://github.com/postor/h5generator/blob/master/screenshot.png)
- 打包下载源码结构：https://github.com/postor/postor.github.io/tree/master/html5-generator/download-source1