diff --git a/cmd/install.go b/cmd/install.go
index e025e5c..ff20d45 100644
--- a/cmd/install.go
+++ b/cmd/install.go
@@ -28,7 +28,7 @@ func install() {
 		os.Exit(1)
 	}
 	sqls, _ := ioutil.ReadFile(sqlFile)
-	sqlArr := strings.Split(string(sqls), ";")
+	sqlArr := strings.Split(string(sqls), "|")
 	for _, sql := range sqlArr {
 		if sql == "" {
 			continue
diff --git a/config/go-fly.sql b/config/go-fly.sql
index 1e8c16e..a342e36 100644
--- a/config/go-fly.sql
+++ b/config/go-fly.sql
@@ -1,4 +1,4 @@
-DROP TABLE IF EXISTS `user`;
+DROP TABLE IF EXISTS `user`|
 CREATE TABLE `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL DEFAULT '',
@@ -10,13 +10,13 @@ CREATE TABLE `user` (
  `avator` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`),
  KEY `idx_name` (`name`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
-TRUNCATE TABLE `user`;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
+TRUNCATE TABLE `user`|
 INSERT INTO `user` (`id`, `name`, `password`, `nickname`, `created_at`, `updated_at`, `deleted_at`, `avator`) VALUES
 (1, 'kefu2', '202cb962ac59075b964b07152d234b70', '小白菜', '2020-06-27 19:32:41', '2020-07-04 09:32:20', NULL, '/static/images/4.jpg'),
-(2, 'kefu3', '202cb962ac59075b964b07152d234b70', '中白菜', '2020-07-02 14:36:46', '2020-07-05 08:46:57', NULL, '/static/images/11.jpg');
+(2, 'kefu3', '202cb962ac59075b964b07152d234b70', '中白菜', '2020-07-02 14:36:46', '2020-07-05 08:46:57', NULL, '/static/images/11.jpg')|
 
-DROP TABLE IF EXISTS `visitor`;
+DROP TABLE IF EXISTS `visitor`|
 CREATE TABLE `visitor` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(50) NOT NULL DEFAULT '',
@@ -33,9 +33,9 @@ CREATE TABLE `visitor` (
  `client_ip` varchar(100) NOT NULL,
  PRIMARY KEY (`id`),
  UNIQUE KEY `visitor_id` (`visitor_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 
-DROP TABLE IF EXISTS `message`;
+DROP TABLE IF EXISTS `message`|
 CREATE TABLE `message` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `kefu_id` varchar(100) NOT NULL DEFAULT '',
@@ -49,32 +49,32 @@ CREATE TABLE `message` (
  PRIMARY KEY (`id`),
  KEY `kefu_id` (`kefu_id`),
  KEY `visitor_id` (`visitor_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 
-DROP TABLE IF EXISTS `user_role`;
+DROP TABLE IF EXISTS `user_role`|
 CREATE TABLE `user_role` (
  `id` int(11) NOT  NULL AUTO_INCREMENT,
  `user_id` int(11) NOT NULL DEFAULT '0',
  `role_id` int(11) NOT NULL DEFAULT '0',
  PRIMARY KEY (`id`)
-) ENGINE=InnoDB  DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB  DEFAULT CHARSET=utf8|
 INSERT INTO `user_role` (`id`, `user_id`, `role_id`) VALUES
 (1, 1, 1),
-(2, 2, 2);
+(2, 2, 2)|
 
-DROP TABLE IF EXISTS `role`;
+DROP TABLE IF EXISTS `role`|
 CREATE TABLE `role` (
   `id` int(11) unsigned NOT NULL AUTO_INCREMENT,
   `name` varchar(100) NOT NULL DEFAULT '',
   `method` varchar(100) NOT NULL DEFAULT '',
   `path` varchar(2048) NOT NULL DEFAULT '',
    PRIMARY KEY (`id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 INSERT INTO `role` (`id`, `name`, `method`, `path`) VALUES
 (1, '普通客服', 'GET', '/kefuinfo,/kefulist,/roles'),
-(2, '管理员', '*', '*');
+(2, '管理员', '*', '*')|
 
-DROP TABLE IF EXISTS `welcome`;
+DROP TABLE IF EXISTS `welcome`|
 CREATE TABLE `welcome` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `user_id` varchar(100) NOT NULL DEFAULT '',
@@ -83,11 +83,11 @@ CREATE TABLE `welcome` (
  `ctime` timestamp NOT NULL DEFAULT CURRENT_TIMESTAMP,
  PRIMARY KEY (`id`),
  KEY `user_id` (`user_id`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 INSERT INTO `welcome` (`id`, `user_id`, `content`, `is_default`, `ctime`) VALUES
-(1, 'kefu2', '本客服代码开源,欢迎star,开源地址:https://github.com/taoshihan1991/go-fly', 1, '2020-08-24 02:57:49');
+(1, 'kefu2', '本客服代码开源,欢迎star,开源地址:https://github.com/taoshihan1991/go-fly', 1, '2020-08-24 02:57:49')|
 
-DROP TABLE IF EXISTS `ipblack`;
+DROP TABLE IF EXISTS `ipblack`|
 CREATE TABLE `ipblack` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `ip` varchar(100) NOT NULL DEFAULT '',
@@ -95,9 +95,9 @@ CREATE TABLE `ipblack` (
  `kefu_id` varchar(100) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`),
  UNIQUE KEY `ip` (`ip`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 
-DROP TABLE IF EXISTS `config`;
+DROP TABLE IF EXISTS `config`|
 CREATE TABLE `config` (
  `id` int(10) unsigned NOT NULL AUTO_INCREMENT,
  `conf_name` varchar(255) NOT NULL DEFAULT '',
@@ -105,7 +105,26 @@ CREATE TABLE `config` (
  `conf_value` varchar(255) NOT NULL DEFAULT '',
  PRIMARY KEY (`id`),
  UNIQUE KEY `conf_key` (`conf_key`)
-) ENGINE=InnoDB DEFAULT CHARSET=utf8;
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
 INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '是否开启Server酱微信提醒', 'NoticeServerJiang', 'false');
 INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, 'Server酱API', 'ServerJiangAPI', '');
-INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '微信小程序Token', 'WeixinToken', '');
\ No newline at end of file
+INSERT INTO `config` (`id`, `conf_name`, `conf_key`, `conf_value`) VALUES (NULL, '微信小程序Token', 'WeixinToken', '');
+
+DROP TABLE IF EXISTS `about`|
+CREATE TABLE `about` (
+  `id` int(10) UNSIGNED NOT NULL AUTO_INCREMENT,
+  `title_cn` varchar(255) NOT NULL DEFAULT '',
+  `title_en` varchar(255) NOT NULL DEFAULT '',
+  `keywords_cn` varchar(255) NOT NULL DEFAULT '',
+  `keywords_en` varchar(255) NOT NULL DEFAULT '',
+  `desc_cn` varchar(1024) NOT NULL DEFAULT '',
+  `desc_en` varchar(1024) NOT NULL DEFAULT '',
+  `css_js` text NOT NULL,
+  `html_cn` text NOT NULL,
+  `html_en` text NOT NULL,
+  `page` varchar(50) NOT NULL DEFAULT '',
+PRIMARY KEY (`id`),
+UNIQUE KEY `page` (`page`)
+) ENGINE=InnoDB DEFAULT CHARSET=utf8|
+INSERT INTO `about` (`id`, `title_cn`, `title_en`, `keywords_cn`, `keywords_en`, `desc_cn`, `desc_en`, `css_js`, `html_cn`, `html_en`, `page`) VALUES
+(1, 'GO-FLY - 极简强大的Go语言在线客服系统', 'GO-FLY - Simple and Powerful Go language online customer chat system', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY', 'GO-FLY，GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统', 'GO-FLY，GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers', '    <style>\r\n        *{\r\n            margin: 0;padding: 0;\r\n        }\r\n        .header{\r\n            height: 80px;\r\n            background-color: #fff;\r\n            color: #fff;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            line-height: 80px;\r\n            z-index: 100;\r\n            position: relative;\r\n        }\r\n        .container{\r\n            width: 1140px;\r\n            padding: 0;\r\n            margin: 0 auto;\r\n        }\r\n        .header .container{\r\n            height: 100%;\r\n            box-sizing: border-box;\r\n            border-bottom: 1px solid #dcdfe6;\r\n        }\r\n        .header h1{\r\n            margin: 0;\r\n            float: left;\r\n            font-size: 32px;\r\n            font-weight: 400;\r\n        }\r\n        .header a{\r\n            color: #519eff;\r\n            font-family: \"Microsoft JhengHei\";\r\n            text-decoration: none;\r\n        }\r\n        .header h1 a{\r\n            font-size: 30px;\r\n            font-weight: bold;\r\n        }\r\n        .header .navBtn{\r\n            float: right;\r\n            margin-left: 20px;\r\n        }\r\n        .banner{\r\n            padding-top: 20px;\r\n            text-align: center;\r\n        }\r\n        .banner h1{\r\n            font-size: 34px;\r\n            margin: 0;\r\n            line-height: 48px;\r\n            color: #555;\r\n            font-weight: 500;\r\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\r\n        }\r\n        .banner p{\r\n            font-size: 18px;\r\n            line-height: 28px;\r\n            color: #888;\r\n            margin: 10px 0 5px;\r\n        }\r\n        .jumbotron{\r\n            width: 587px;\r\n            height: 560px;\r\n            margin: 30px auto;\r\n        }\r\n        .footer {\r\n            clear: both;\r\n            background-color: #f7fbfd;\r\n            width: 100%;\r\n            padding: 40px 150px;\r\n            box-sizing: border-box;\r\n        }\r\n        .copyright{\r\n            color: #6c757d;\r\n            text-align: center;\r\n            margin: 60px 0;\r\n        }\r\n        .mainTechLeft{\r\n            width: 300px;\r\n            float: left;\r\n        }\r\n        .mainTechLeft h1{\r\n            font-size: 34px;\r\n            margin: 0;\r\n            line-height: 48px;\r\n            color: #555;\r\n            font-weight: 500;\r\n            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;\r\n        }\r\n        .mainTechLeft p{\r\n            font-size: 18px;\r\n            line-height: 28px;\r\n            color: #888;\r\n            margin: 10px 0 5px;\r\n        }\r\n        .floatRight{\r\n            width: 700px;\r\n            border: 1px solid #e1e1e1;\r\n            padding: 4px;\r\n            margin-top: 35px;\r\n            display: block;\r\n            float: right;\r\n        }\r\n    </style>', '<div class=\"banner\">\r\n    <h1>极简强大的Go语言在线客服系统</h1>\r\n    <p>GO-FLY，一套为PHP工程师、Golang工程师准备的基于 Vue 2.0的在线客服即时通讯系统</p>\r\n</div>\r\n<div class=\"jumbotron\">\r\n    \r\n    <img src=\"/static/images/intro1.jpg\"/>\r\n    \r\n</div>\r\n<div class=\"container\">\r\n    <div class=\"mainTechLeft\">\r\n        <h1>主要技术架构</h1>\r\n        <p>github.com/dgrijalva/jwt-go</p>\r\n        <p>github.com/gin-gonic/gin</p>\r\n        <p> github.com/go-sql-driver/mysql</p>\r\n        <p>  github.com/gobuffalo/packr/v2</p>\r\n        <p>  github.com/gorilla/websocket</p>\r\n        <p>   github.com/ipipdotnet/ipdb-go</p>\r\n        <p>    github.com/jinzhu/gorm</p>\r\n        <p>    github.com/satori/go.uuid</p>\r\n        <p>   github.com/spf13/cobra</p>\r\n        <p>   github.com/swaggo/gin-swagger</p>\r\n        <p>  github.com/swaggo/swag\r\n        </p>\r\n    </div>\r\n    <img src=\"/static/images/admin.png\" class=\"floatRight\"/>\r\n</div>', '<div class=\"banner\">     <h1>Simple and Powerful Go language online customer chat system</h1>     <p>GO-FLY, a Vue 2.0-based online customer service instant messaging system for PHP engineers and Golang engineers</p> </div> <div class=\"jumbotron\">          <img src=\"/static/images/intro3.png\"/>      </div> <div class=\"container\">     <div class=\"mainTechLeft\">         <h1>Main technical architecture</h1>         <p>github.com/dgrijalva/jwt-go</p>         <p>github.com/gin-gonic/gin</p>         <p> github.com/go-sql-driver/mysql</p>         <p>  github.com/gobuffalo/packr/v2</p>         <p>  github.com/gorilla/websocket</p>         <p>   github.com/ipipdotnet/ipdb-go</p>         <p>    github.com/jinzhu/gorm</p>         <p>    github.com/satori/go.uuid</p>         <p>   github.com/spf13/cobra</p>         <p>   github.com/swaggo/gin-swagger</p>         <p>  github.com/swaggo/swag         </p>     </div>     <img src=\"/static/images/admin.png\" class=\"floatRight\"/> </div>','index');
\ No newline at end of file
diff --git a/models/abouts.go b/models/abouts.go
new file mode 100644
index 0000000..eec333e
--- /dev/null
+++ b/models/abouts.go
@@ -0,0 +1,20 @@
+package models
+
+type About struct {
+	ID         uint   `gorm:"primary_key" json:"id"`
+	TitleCn    string `json:"title_cn"`
+	TitleEn    string `json:"title_en"`
+	KeywordsCn string `json:"keywords_cn"`
+	KeywordsEn string `json:"keywords_en"`
+	DescCn     string `json:"desc_cn"`
+	DescEn     string `json:"desc_en"`
+	CssJs      string `json:"css_js"`
+	HtmlCn     string `json:"html_cn"`
+	HtmlEn     string `json:"html_en"`
+}
+
+func FindAboutByPage(page interface{}) About {
+	var a About
+	DB.Where("page = ?", page).First(&a)
+	return a
+}
diff --git a/static/html/index.html b/static/html/index.html
index 87c23f4..1c1c701 100644
--- a/static/html/index.html
+++ b/static/html/index.html
@@ -4,115 +4,11 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
-    <title>GO-FLY - {{.WebDesc}}</title>
-    <meta name="description" content="GO-FLY，{{.SubIntro}}" />
+    <title>{{.Title}}</title>
+    <meta name="keywords" content="{{.Keywords}}" />
+    <meta name="description" content="{{.Desc}}" />
 
-    <style>
-        *{
-            margin: 0;padding: 0;
-        }
-        .header{
-            height: 80px;
-            background-color: #fff;
-            color: #fff;
-            top: 0;
-            left: 0;
-            width: 100%;
-            line-height: 80px;
-            z-index: 100;
-            position: relative;
-        }
-        .container{
-            width: 1140px;
-            padding: 0;
-            margin: 0 auto;
-        }
-        .header .container{
-            height: 100%;
-            box-sizing: border-box;
-            border-bottom: 1px solid #dcdfe6;
-        }
-        .header h1{
-            margin: 0;
-            float: left;
-            font-size: 32px;
-            font-weight: 400;
-        }
-        .header a{
-            color: #519eff;
-            font-family: "Microsoft JhengHei";
-            text-decoration: none;
-        }
-        .header h1 a{
-            font-size: 30px;
-            font-weight: bold;
-        }
-        .header .navBtn{
-            float: right;
-            margin-left: 20px;
-        }
-        .banner{
-            padding-top: 20px;
-            text-align: center;
-        }
-        .banner h1{
-            font-size: 34px;
-            margin: 0;
-            line-height: 48px;
-            color: #555;
-            font-weight: 500;
-            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
-        }
-        .banner p{
-            font-size: 18px;
-            line-height: 28px;
-            color: #888;
-            margin: 10px 0 5px;
-        }
-        .jumbotron{
-            width: 587px;
-            height: 560px;
-            margin: 30px auto;
-        }
-        .footer {
-            clear: both;
-            background-color: #f7fbfd;
-            width: 100%;
-            padding: 40px 150px;
-            box-sizing: border-box;
-        }
-        .copyright{
-            color: #6c757d;
-            text-align: center;
-            margin: 60px 0;
-        }
-        .mainTechLeft{
-            width: 300px;
-            float: left;
-        }
-        .mainTechLeft h1{
-            font-size: 34px;
-            margin: 0;
-            line-height: 48px;
-            color: #555;
-            font-weight: 500;
-            font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
-        }
-        .mainTechLeft p{
-            font-size: 18px;
-            line-height: 28px;
-            color: #888;
-            margin: 10px 0 5px;
-        }
-        .floatRight{
-            width: 700px;
-            border: 1px solid #e1e1e1;
-            padding: 4px;
-            margin-top: 35px;
-            display: block;
-            float: right;
-        }
-    </style>
+    {{.CssJs}}
 </head>
 <header class="header">
     <div class="container">
@@ -124,35 +20,7 @@
         <a class="navBtn" href="/docs/index.html" target="_blank">{{.Document}}</a>
     </div>
 </header>
-<div class="banner">
-    <h1>{{.WebDesc}}</h1>
-    <p>{{.SubIntro}}</p>
-</div>
-<div class="jumbotron">
-    {{if eq .Lang "en"}}
-    <img src="/static/images/intro3.png"/>
-    {{else}}
-    <img src="/static/images/intro1.jpg"/>
-    {{end}}
-</div>
-<div class="container">
-    <div class="mainTechLeft">
-        <h1>{{.Maintech}}</h1>
-        <p>github.com/dgrijalva/jwt-go</p>
-        <p>github.com/gin-gonic/gin</p>
-        <p> github.com/go-sql-driver/mysql</p>
-        <p>  github.com/gobuffalo/packr/v2</p>
-        <p>  github.com/gorilla/websocket</p>
-        <p>   github.com/ipipdotnet/ipdb-go</p>
-        <p>    github.com/jinzhu/gorm</p>
-        <p>    github.com/satori/go.uuid</p>
-        <p>   github.com/spf13/cobra</p>
-        <p>   github.com/swaggo/gin-swagger</p>
-        <p>  github.com/swaggo/swag
-        </p>
-    </div>
-    <img src="/static/images/admin.png" class="floatRight"/>
-</div>
+{{.Content}}
 
 
 <footer class="footer">
diff --git a/tmpl/common.go b/tmpl/common.go
index dc788d4..bae2f4f 100644
--- a/tmpl/common.go
+++ b/tmpl/common.go
@@ -3,7 +3,9 @@ package tmpl
 import (
 	"github.com/gin-gonic/gin"
 	"github.com/taoshihan1991/imaptool/config"
+	"github.com/taoshihan1991/imaptool/models"
 	"github.com/taoshihan1991/imaptool/tools"
+	"html"
 	"html/template"
 	"net/http"
 )
@@ -46,6 +48,18 @@ func (obj *CommonHtml) Display(file string, data interface{}) {
 func PageIndex(c *gin.Context) {
 	lang, _ := c.Get("lang")
 	language := config.CreateLanguage(lang.(string))
+	about := models.FindAboutByPage("index")
+	cssJs := html.UnescapeString(about.CssJs)
+	title := about.TitleCn
+	keywords := about.KeywordsCn
+	desc := html.UnescapeString(about.DescCn)
+	content := html.UnescapeString(about.HtmlCn)
+	if lang == "en" {
+		title = about.TitleEn
+		keywords = about.KeywordsEn
+		desc = html.UnescapeString(about.DescEn)
+		content = html.UnescapeString(about.HtmlEn)
+	}
 	c.HTML(http.StatusOK, "index.html", gin.H{
 		"Copyright":  language.WebCopyRight,
 		"WebDesc":    language.MainIntro,
@@ -57,6 +71,11 @@ func PageIndex(c *gin.Context) {
 		"IndexSend":  language.Send,
 		"Maintech":   language.Maintech,
 		"Lang":       lang,
+		"Title":      title,
+		"Keywords":   keywords,
+		"Desc":       desc,
+		"Content":    template.HTML(content),
+		"CssJs":      template.HTML(cssJs),
 	})
 }