diff --git a/application/index/controller/Index.php b/application/index/controller/Index.php
index 2ab0697..914d879 100644
--- a/application/index/controller/Index.php
+++ b/application/index/controller/Index.php
@@ -5,6 +5,6 @@ class Index
 {
     public function index()
     {
-        return '<style type="text/css">*{ padding: 0; margin: 0; } .think_default_text{ padding: 4px 48px;} a{color:#2E5CD5;cursor: pointer;text-decoration: none} a:hover{text-decoration:underline; } body{ background: #fff; font-family: "Century Gothic","Microsoft yahei"; color: #333;font-size:18px} h1{ font-size: 100px; font-weight: normal; margin-bottom: 12px; } p{ line-height: 1.6em; font-size: 42px }</style><div style="padding: 24px 48px;"> <h1>:)</h1><p> ThinkPHP V5<br/><span style="font-size:30px">十年磨一剑 - 为API开发设计的高性能框架</span></p><span style="font-size:22px;">[ V5.0 版本由 <a href="http://www.qiniu.com" target="qiniu">七牛云</a> 独家赞助发布 ]</span></div><script type="text/javascript" src="http://tajs.qq.com/stats?sId=9347272" charset="UTF-8"></script><script type="text/javascript" src="http://ad.topthink.com/Public/static/client.js"></script><thinkad id="ad_bd568ce7058a1091"></thinkad>';
+        return view();
     }
 }
diff --git a/application/index/view/index.html b/application/index/view/index.html
new file mode 100644
index 0000000..c32c0c5
--- /dev/null
+++ b/application/index/view/index.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+
+<head>
+  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+  <!-- UC应用模式 -->
+  <meta name="browsermode" content="application">
+  <!-- QQ应用模式 -->
+  <meta name="x5-page-mode" content="app">
+  <title>YUMC插件商城</title>
+  <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
+  <script src="//cdn.bootcss.com/pagedown/1.0/Markdown.Converter.min.js"></script>
+  <link href="//cdn.bootcss.com/github-markdown-css/2.4.1/github-markdown.min.css" rel="stylesheet">
+  <script src="//cdn.bootcss.com/avalon.js/2.2.4/avalon.min.js"></script>
+  <script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
+  <link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
+  <script src="//cdn.bootcss.com/js-yaml/3.8.1/js-yaml.min.js"></script>
+
+  <link href="//cdn.bootcss.com/messenger/1.5.0/css/messenger.min.css" rel="stylesheet">
+  <link href="//cdn.bootcss.com/messenger/1.5.0/css/messenger-theme-future.min.css" rel="stylesheet">
+  <script src="//cdn.bootcss.com/messenger/1.5.0/js/messenger.min.js"></script>
+  <script src="//cdn.bootcss.com/messenger/1.5.0/js/messenger-theme-future.min.js"></script>
+
+  <link href="//cdn.bootcss.com/codemirror/5.30.0/codemirror.min.css" rel="stylesheet">
+  <script src="//cdn.bootcss.com/codemirror/5.30.0/codemirror.min.js"></script>
+  <script src="//cdn.bootcss.com/codemirror/5.30.0/addon/lint/javascript-lint.min.js"></script>
+  <script src="//cdn.bootcss.com/codemirror/5.30.0/addon/lint/yaml-lint.min.js"></script>
+</head>
+<script>
+  myTextarea = document.getElementById("code");
+  var editor = CodeMirror.fromTextArea(myTextarea, {
+    mode: "javascript"
+  });
+</script>
+
+<body>
+  <textarea id="code">
+
+  </textarea>
+</body>
\ No newline at end of file
