update website

README.md

@@ -26,7 +26,7 @@ Then use **alimask(text, options)** API.
 ```js
 alimask('王小为(小为) 888888');
 
-alimask('王小为(小为) 888888', { color: 'green' });
+alimask('王小为(小为) 888888', { color: '#f6dcd7' });
 ```
 
 

index.html

@@ -9,14 +9,15 @@
   body {
     max-width: 1000px;
     margin: 0 auto;
+    padding: 10px 20px;
   }
   pre {
-    background-color: #f6dcd7;
+    /*background-color: #f6dcd7;*/
+    border: 1px solid #f6dcd7;
+    border-radius: 3px;
     padding: 10px 15px;
     white-space: pre-wrap;
     word-wrap: break-word;
-  }
-  pre.strong {
     font-weight: bold;
   }
   </style>
@@ -39,7 +40,7 @@ <h1> alimask </h1>
   </script>
 
   <h2> Install </h2>
-  <pre class="strong">
+  <pre>
 npm install alimask </pre>
   <p> Then import it. </p>
   <pre>
@@ -55,7 +56,7 @@ <h2> Install </h2>
 
   <h3>Usage</h3>
   <pre>
-var base64 = alimask('王小为(小为) 888888', {});
+var base64 = alimask('王小为(小为) 888888');
   </pre>
   <hr />
 
@@ -65,6 +66,12 @@ <h3>Usage</h3>
   <script type="text/javascript" src="dist/alimask.min.js"></script>
   <script type="text/javascript">
     document.body.style.background = 'url(' + alimask('王小为(小为) 888888') + ')';
+    var pres = document.querySelectorAll('pre');
+    var prebg = alimask('小为（hustcc）666666', {color: '#f6dcd7'});
+    for (var i = pres.length - 1; i >= 0; i--) {
+      pres[i].style.background = 'url(' + prebg + ')';
+    }
+    document.body.style.background = 'url(' + alimask('王小为(小为) 888888') + ')';
   </script>
 </body>
 </html>