From 74f1bdbd84331111b7170bee8d7706e2fa032a6e Mon Sep 17 00:00:00 2001
From: xaoxuu <xaoxuu@gmail.com>
Date: Sun, 24 Mar 2019 00:16:25 +0800
Subject: [PATCH] update

---
 _config.yml                 |   2 +-
 layout/_partial/scripts.ejs | 254 ++++++++++++++++++------------------
 source/js/clipboard-use.js  |  73 ++++++++++-
 source/js/clipboard.min.js  |   4 -
 source/less/_article.less   |  74 +++++------
 source/less/_layout.less    |   3 +-
 source/less/_main.less      |  38 ++++++
 source/less/_search.less    |   1 +
 8 files changed, 272 insertions(+), 177 deletions(-)
 delete mode 100644 source/js/clipboard.min.js

diff --git a/_config.yml b/_config.yml
index 2ef3771..bf789dd 100755
--- a/_config.yml
+++ b/_config.yml
@@ -8,7 +8,7 @@ info:
   name: Material X
   docs: https://xaoxuu.com/wiki/material-x/
   # 主题的CDN地址。如需启用CDN，请在主目录的config中设置，详见文档。
-  cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@19.3.22/
+  cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@19.3.24/
 
 
 ############################### 主题样式 ###############################
diff --git a/layout/_partial/scripts.ejs b/layout/_partial/scripts.ejs
index a40bfac..5a83ee7 100755
--- a/layout/_partial/scripts.ejs
+++ b/layout/_partial/scripts.ejs
@@ -15,142 +15,144 @@
     if(!ROOT.endsWith('/'))ROOT += '/';
   </script>
 <% } %>
-<% if (theme.services) { %>
-  <% if (theme.services.scrollreveal == true) { %>
-    <script async src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.5/dist/scrollreveal.min.js"></script>
-    <script type="text/javascript">
-      $(function() {
-        const $reveal = $('.reveal');
-    		if ($reveal.length === 0) return;
-    		const sr = ScrollReveal({ distance: 0 });
-    		sr.reveal('.reveal');
-      });
-    </script>
-  <% } %>
-  <% if (theme.services.nodewaves == true) { %>
-    <script src="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.js"></script>
-    <script type="text/javascript">
-      $(function() {
-        Waves.attach('.flat-btn', ['waves-button']);
-        Waves.attach('.float-btn', ['waves-button', 'waves-float']);
-        Waves.attach('.float-btn-light', ['waves-button', 'waves-float', 'waves-light']);
-        Waves.attach('.flat-box', ['waves-block']);
-        Waves.attach('.float-box', ['waves-block', 'waves-float']);
-        Waves.attach('.waves-image');
-        Waves.init();
-      });
-    </script>
-  <% } %>
-  <% if (theme.services.busuanzi == true) { %>
-    <script async src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-busuanzi@2.3/js/busuanzi.pure.mini.js"></script>
-  <% } %>
-  <% if (theme.services.fastclick == true) { %>
-    <!-- fastclick -->
-    <script src="https://cdn.jsdelivr.net/npm/fastclick@1.0.6/lib/fastclick.min.js"></script>
-    <script>
-      document.addEventListener('DOMContentLoaded', function() {
-        FastClick.attach(document.body)
-      }, false)
-    </script>
-  <% } %>
-  <% if (theme.services.share == true && config.mob && config.mob.app_key) { %>
-    <% if (page.layout == 'post' && page.share != false) { %>
-      <script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=<%- config.mob.app_key %>"></script>
-    <% } %>
+
+<% if (theme.services.scrollreveal == true) { %>
+  <script async src="https://cdn.jsdelivr.net/npm/scrollreveal@4.0.5/dist/scrollreveal.min.js"></script>
+  <script type="text/javascript">
+    $(function() {
+      const $reveal = $('.reveal');
+      if ($reveal.length === 0) return;
+      const sr = ScrollReveal({ distance: 0 });
+      sr.reveal('.reveal');
+    });
+  </script>
+<% } %>
+<% if (theme.services.nodewaves == true) { %>
+  <script src="https://cdn.jsdelivr.net/npm/node-waves@0.7.6/dist/waves.min.js"></script>
+  <script type="text/javascript">
+    $(function() {
+      Waves.attach('.flat-btn', ['waves-button']);
+      Waves.attach('.float-btn', ['waves-button', 'waves-float']);
+      Waves.attach('.float-btn-light', ['waves-button', 'waves-float', 'waves-light']);
+      Waves.attach('.flat-box', ['waves-block']);
+      Waves.attach('.float-box', ['waves-block', 'waves-float']);
+      Waves.attach('.waves-image');
+      Waves.init();
+    });
+  </script>
+<% } %>
+<% if (theme.services.busuanzi == true) { %>
+  <script async src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-busuanzi@2.3/js/busuanzi.pure.mini.js"></script>
+<% } %>
+<% if (theme.services.fastclick == true) { %>
+  <!-- fastclick -->
+  <script src="https://cdn.jsdelivr.net/npm/fastclick@1.0.6/lib/fastclick.min.js"></script>
+  <script>
+    document.addEventListener('DOMContentLoaded', function() {
+      FastClick.attach(document.body)
+    }, false)
+  </script>
+<% } %>
+<% if (theme.services.share == true && config.mob && config.mob.app_key) { %>
+  <% if (page.layout == 'post' && page.share != false) { %>
+    <script id="-mob-share" src="//f1.webshare.mob.com/code/mob-share.js?appkey=<%- config.mob.app_key %>"></script>
   <% } %>
+<% } %>
 
-  <%
-    var enableDisqus = false;
-    var enableLivere = false;
-    var enableValine = false;
-    if (page && theme.services && theme.services.comments == true && page.comments != false) {
-      if (config.disqus_shortname) {
-        enableDisqus = true;
-      }
-      if (config.livere_uid) {
-        enableLivere = true;
-      }
-      if (config.valine && config.valine.app_id && config.valine.app_key) {
-        enableValine = true;
-      }
+<%
+  var enableDisqus = false;
+  var enableLivere = false;
+  var enableValine = false;
+  if (page && theme.services && theme.services.comments == true && page.comments != false) {
+    if (config.disqus_shortname) {
+      enableDisqus = true;
     }
-  %>
-  <% if (enableDisqus){ %>
-    <script>
-      var disqus_shortname = '<%= config.disqus_shortname %>';
-      <% if (page.permalink){ %>
-        var disqus_url = '<%= page.permalink %>';
-      <% } %>
-      (function(){
-        var dsq = document.createElement('script');
-        dsq.type = 'text/javascript';
-        dsq.async = true;
-        dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments) { %>embed.js<% } else { %>count.js<% } %>';
-        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
-      })();
-    </script>
-  <% } %>
-  <% if (enableLivere){ %>
-    <script type="text/javascript">
-      (function(d, s) {
-        var j, e = d.getElementsByTagName(s)[0];
-        if (typeof LivereTower === 'function') { return; }
-        j = d.createElement(s);
-        j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
-        j.async = true;
-        e.parentNode.insertBefore(j, e);
-      })(document, 'script');
-    </script>
-  <% } %>
-  <% if (enableValine){ %>
-    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
-    <% if (theme.services.volantis == true) { %>
-      <% if (theme.services && theme.services.cdn == true) { %>
-        <script src="https://cdn.jsdelivr.net/gh/xaoxuu/volantis@1/js/volantis.min.js"></script>
-      <% } else { %>
-        <%- js('js/volantis.js') %>
-      <% } %>
+    if (config.livere_uid) {
+      enableLivere = true;
+    }
+    if (config.valine && config.valine.app_id && config.valine.app_key) {
+      enableValine = true;
+    }
+  }
+%>
+<% if (enableDisqus){ %>
+  <script>
+    var disqus_shortname = '<%= config.disqus_shortname %>';
+    <% if (page.permalink){ %>
+      var disqus_url = '<%= page.permalink %>';
+    <% } %>
+    (function(){
+      var dsq = document.createElement('script');
+      dsq.type = 'text/javascript';
+      dsq.async = true;
+      dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments) { %>embed.js<% } else { %>count.js<% } %>';
+      (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+  </script>
+<% } %>
+<% if (enableLivere){ %>
+  <script type="text/javascript">
+    (function(d, s) {
+      var j, e = d.getElementsByTagName(s)[0];
+      if (typeof LivereTower === 'function') { return; }
+      j = d.createElement(s);
+      j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
+      j.async = true;
+      e.parentNode.insertBefore(j, e);
+    })(document, 'script');
+  </script>
+<% } %>
+<% if (enableValine){ %>
+  <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+  <% if (theme.services.volantis == true) { %>
+    <% if (theme.services && theme.services.cdn == true) { %>
+      <script src="https://cdn.jsdelivr.net/gh/xaoxuu/volantis@1/js/volantis.min.js"></script>
     <% } else { %>
-      <script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-valine@1.3.4/js/valine.min.js"></script>
+      <%- js('js/volantis.js') %>
     <% } %>
-    <script>
-    var GUEST_INFO = ['nick','mail','link'];
-    var guest_info = '<%= config.valine.guest_info %>'.split(',').filter(function(item){
-      return GUEST_INFO.indexOf(item) > -1
-    });
-    var notify = '<%= config.valine.notify %>' == true;
-    var verify = '<%= config.valine.verify %>' == true;
-    var valine = new Valine();
-    valine.init({
-      el: '#valine_container',
-      notify: notify,
-      verify: verify,
-      guest_info: guest_info,
-      <% if(page.valine && page.valine.path) { %>
-        path: "<%= page.valine.path %>",
-      <% } %>
-      appId: "<%= config.valine.app_id %>",
-      appKey: "<%= config.valine.app_key %>",
-      placeholder: "<%= (page.valine && page.valine.placeholder) ? page.valine.placeholder : config.valine.placeholder %>",
-      pageSize:'<%= config.valine.pageSize %>',
-      avatar:'<%= config.valine.avatar %>',
-      lang:'<%= config.valine.lang %>',
-      highlight:'<%= config.valine.highlight %>'
-    })
-    </script>
+  <% } else { %>
+    <script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-valine@1.3.4/js/valine.min.js"></script>
   <% } %>
-
-  <% if (theme.services.cdn == true && config.theme_cdn) { %>
-    <% if (config.theme_cdn == true) { %>
-    <%- js([theme.info.cdn + 'js/app.js', theme.info.cdn + 'js/search.js']) %>
-    <% } else if (config.theme_cdn.length > 0) { %>
-    <%- js([config.theme_cdn + 'js/app.js', config.theme_cdn + 'js/search.js']) %>
+  <script>
+  var GUEST_INFO = ['nick','mail','link'];
+  var guest_info = '<%= config.valine.guest_info %>'.split(',').filter(function(item){
+    return GUEST_INFO.indexOf(item) > -1
+  });
+  var notify = '<%= config.valine.notify %>' == true;
+  var verify = '<%= config.valine.verify %>' == true;
+  var valine = new Valine();
+  valine.init({
+    el: '#valine_container',
+    notify: notify,
+    verify: verify,
+    guest_info: guest_info,
+    <% if(page.valine && page.valine.path) { %>
+      path: "<%= page.valine.path %>",
     <% } %>
-  <% } else { %>
-    <%- js(['js/app.js', 'js/search.js']) %>
+    appId: "<%= config.valine.app_id %>",
+    appKey: "<%= config.valine.app_key %>",
+    placeholder: "<%= (page.valine && page.valine.placeholder) ? page.valine.placeholder : config.valine.placeholder %>",
+    pageSize:'<%= config.valine.pageSize %>',
+    avatar:'<%= config.valine.avatar %>',
+    lang:'<%= config.valine.lang %>',
+    highlight:'<%= config.valine.highlight %>'
+  })
+  </script>
+<% } %>
+
+<script src="https://cdn.jsdelivr.net/npm/clipboard@2/dist/clipboard.min.js"></script>
+
+<% if (theme.services.cdn == true && config.theme_cdn) { %>
+  <% if (config.theme_cdn == true) { %>
+  <%- js([theme.info.cdn + 'js/app.js', theme.info.cdn + 'js/search.js', theme.info.cdn + 'js/clipboard-use.js']) %>
+  <% } else if (config.theme_cdn.length > 0) { %>
+  <%- js([config.theme_cdn + 'js/app.js', config.theme_cdn + 'js/search.js', config.theme_cdn + 'js/clipboard-use.js']) %>
   <% } %>
+<% } else { %>
+  <%- js(['js/app.js', 'js/search.js', 'js/clipboard-use.js']) %>
 <% } %>
 
+
 <% if (page.layout == 'links') { %>
   <%- js('https://cdn.jsdelivr.net/gh/toddmotto/echo@1.7.3/src/echo.js') %>
   <script>
diff --git a/source/js/clipboard-use.js b/source/js/clipboard-use.js
index 4e0566c..e19f4a3 100644
--- a/source/js/clipboard-use.js
+++ b/source/js/clipboard-use.js
@@ -1,17 +1,76 @@
 /*页面载入完成后，创建复制按钮*/
-!function (e, t, a) { 
+!function (e, t, a) {
   /* code */
   var initCopyCode = function(){
     var copyHtml = '';
     copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
-    copyHtml += '  <i class="fa fa-globe"></i><span>copy</span>';
+    copyHtml += '  <i class="fa fa-copy"></i><span>Copy</span>';
     copyHtml += '</button>';
     $(".highlight .code pre").before(copyHtml);
-    new ClipboardJS('.btn-copy', {
-        target: function(trigger) {
-            return trigger.nextElementSibling;
-        }
+    var clipboard = new ClipboardJS('.btn-copy', {
+      target: function(trigger) {
+        return trigger.nextElementSibling;
+      }
+    });
+
+    clipboard.on('success', function(e) {
+      //您可以加入成功提示
+      console.info('Action:', e.action);
+      console.info('Text:', e.text);
+      console.info('Trigger:', e.trigger);
+      success_prompt("复制成功");
+      e.clearSelection();
+    });
+    clipboard.on('error', function(e) {
+      //您可以加入失败提示
+      console.error('Action:', e.action);
+      console.error('Trigger:', e.trigger);
+      fail_prompt("复制失败");
     });
   }
   initCopyCode();
-}(window, document);
\ No newline at end of file
+
+}(window, document);
+
+/**
+ * 弹出式提示框，默认1.2秒自动消失
+ * @param message 提示信息
+ * @param style 提示样式，有alert-success、alert-danger、alert-warning、alert-info
+ * @param time 消失时间
+ */
+var prompt = function (message, style, time)
+{
+    style = (style === undefined) ? 'alert-success' : style;
+    time = (time === undefined) ? 1200 : time*1000;
+    $('<div>')
+        .appendTo('body')
+        .addClass('alert ' + style)
+        .html(message)
+        .show()
+        .delay(time)
+        .fadeOut();
+};
+
+// 成功提示
+var success_prompt = function(message, time)
+{
+    prompt(message, 'alert-success', time);
+};
+
+// 失败提示
+var fail_prompt = function(message, time)
+{
+    prompt(message, 'alert-danger', time);
+};
+
+// 提醒
+var warning_prompt = function(message, time)
+{
+    prompt(message, 'alert-warning', time);
+};
+
+// 信息提示
+var info_prompt = function(message, time)
+{
+    prompt(message, 'alert-info', time);
+};
diff --git a/source/js/clipboard.min.js b/source/js/clipboard.min.js
deleted file mode 100644
index 3fcfeae..0000000
--- a/source/js/clipboard.min.js
+++ /dev/null
@@ -1,4 +0,0 @@
-/*!
- * clipboard.js v2.0.4
- */
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.ClipboardJS=e():t.ClipboardJS=e()}(this,function(){return function(n){var o={};function r(t){if(o[t])return o[t].exports;var e=o[t]={i:t,l:!1,exports:{}};return n[t].call(e.exports,e,e.exports,r),e.l=!0,e.exports}return r.m=n,r.c=o,r.d=function(t,e,n){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:n})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var o in e)r.d(n,o,function(t){return e[t]}.bind(null,o));return n},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=0)}([function(t,e,n){"use strict";var r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=o(n(1)),c=o(n(3)),u=o(n(4));function o(t){return t&&t.__esModule?t:{default:t}}var l=function(t){function o(t,e){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,o);var n=function(t,e){if(!t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!e||"object"!=typeof e&&"function"!=typeof e?t:e}(this,(o.__proto__||Object.getPrototypeOf(o)).call(this));return n.resolveOptions(e),n.listenClick(t),n}return function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function, not "+typeof e);t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,enumerable:!1,writable:!0,configurable:!0}}),e&&(Object.setPrototypeOf?Object.setPrototypeOf(t,e):t.__proto__=e)}(o,c.default),i(o,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action="function"==typeof t.action?t.action:this.defaultAction,this.target="function"==typeof t.target?t.target:this.defaultTarget,this.text="function"==typeof t.text?t.text:this.defaultText,this.container="object"===r(t.container)?t.container:document.body}},{key:"listenClick",value:function(t){var e=this;this.listener=(0,u.default)(t,"click",function(t){return e.onClick(t)})}},{key:"onClick",value:function(t){var e=t.delegateTarget||t.currentTarget;this.clipboardAction&&(this.clipboardAction=null),this.clipboardAction=new a.default({action:this.action(e),target:this.target(e),text:this.text(e),container:this.container,trigger:e,emitter:this})}},{key:"defaultAction",value:function(t){return s("action",t)}},{key:"defaultTarget",value:function(t){var e=s("target",t);if(e)return document.querySelector(e)}},{key:"defaultText",value:function(t){return s("text",t)}},{key:"destroy",value:function(){this.listener.destroy(),this.clipboardAction&&(this.clipboardAction.destroy(),this.clipboardAction=null)}}],[{key:"isSupported",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:["copy","cut"],e="string"==typeof t?[t]:t,n=!!document.queryCommandSupported;return e.forEach(function(t){n=n&&!!document.queryCommandSupported(t)}),n}}]),o}();function s(t,e){var n="data-clipboard-"+t;if(e.hasAttribute(n))return e.getAttribute(n)}t.exports=l},function(t,e,n){"use strict";var o,r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},i=function(){function o(t,e){for(var n=0;n<e.length;n++){var o=e[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}return function(t,e,n){return e&&o(t.prototype,e),n&&o(t,n),t}}(),a=n(2),c=(o=a)&&o.__esModule?o:{default:o};var u=function(){function e(t){!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,e),this.resolveOptions(t),this.initSelection()}return i(e,[{key:"resolveOptions",value:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:{};this.action=t.action,this.container=t.container,this.emitter=t.emitter,this.target=t.target,this.text=t.text,this.trigger=t.trigger,this.selectedText=""}},{key:"initSelection",value:function(){this.text?this.selectFake():this.target&&this.selectTarget()}},{key:"selectFake",value:function(){var t=this,e="rtl"==document.documentElement.getAttribute("dir");this.removeFake(),this.fakeHandlerCallback=function(){return t.removeFake()},this.fakeHandler=this.container.addEventListener("click",this.fakeHandlerCallback)||!0,this.fakeElem=document.createElement("textarea"),this.fakeElem.style.fontSize="12pt",this.fakeElem.style.border="0",this.fakeElem.style.padding="0",this.fakeElem.style.margin="0",this.fakeElem.style.position="absolute",this.fakeElem.style[e?"right":"left"]="-9999px";var n=window.pageYOffset||document.documentElement.scrollTop;this.fakeElem.style.top=n+"px",this.fakeElem.setAttribute("readonly",""),this.fakeElem.value=this.text,this.container.appendChild(this.fakeElem),this.selectedText=(0,c.default)(this.fakeElem),this.copyText()}},{key:"removeFake",value:function(){this.fakeHandler&&(this.container.removeEventListener("click",this.fakeHandlerCallback),this.fakeHandler=null,this.fakeHandlerCallback=null),this.fakeElem&&(this.container.removeChild(this.fakeElem),this.fakeElem=null)}},{key:"selectTarget",value:function(){this.selectedText=(0,c.default)(this.target),this.copyText()}},{key:"copyText",value:function(){var e=void 0;try{e=document.execCommand(this.action)}catch(t){e=!1}this.handleResult(e)}},{key:"handleResult",value:function(t){this.emitter.emit(t?"success":"error",{action:this.action,text:this.selectedText,trigger:this.trigger,clearSelection:this.clearSelection.bind(this)})}},{key:"clearSelection",value:function(){this.trigger&&this.trigger.focus(),window.getSelection().removeAllRanges()}},{key:"destroy",value:function(){this.removeFake()}},{key:"action",set:function(){var t=0<arguments.length&&void 0!==arguments[0]?arguments[0]:"copy";if(this._action=t,"copy"!==this._action&&"cut"!==this._action)throw new Error('Invalid "action" value, use either "copy" or "cut"')},get:function(){return this._action}},{key:"target",set:function(t){if(void 0!==t){if(!t||"object"!==(void 0===t?"undefined":r(t))||1!==t.nodeType)throw new Error('Invalid "target" value, use a valid Element');if("copy"===this.action&&t.hasAttribute("disabled"))throw new Error('Invalid "target" attribute. Please use "readonly" instead of "disabled" attribute');if("cut"===this.action&&(t.hasAttribute("readonly")||t.hasAttribute("disabled")))throw new Error('Invalid "target" attribute. You can\'t cut text from elements with "readonly" or "disabled" attributes');this._target=t}},get:function(){return this._target}}]),e}();t.exports=u},function(t,e){t.exports=function(t){var e;if("SELECT"===t.nodeName)t.focus(),e=t.value;else if("INPUT"===t.nodeName||"TEXTAREA"===t.nodeName){var n=t.hasAttribute("readonly");n||t.setAttribute("readonly",""),t.select(),t.setSelectionRange(0,t.value.length),n||t.removeAttribute("readonly"),e=t.value}else{t.hasAttribute("contenteditable")&&t.focus();var o=window.getSelection(),r=document.createRange();r.selectNodeContents(t),o.removeAllRanges(),o.addRange(r),e=o.toString()}return e}},function(t,e){function n(){}n.prototype={on:function(t,e,n){var o=this.e||(this.e={});return(o[t]||(o[t]=[])).push({fn:e,ctx:n}),this},once:function(t,e,n){var o=this;function r(){o.off(t,r),e.apply(n,arguments)}return r._=e,this.on(t,r,n)},emit:function(t){for(var e=[].slice.call(arguments,1),n=((this.e||(this.e={}))[t]||[]).slice(),o=0,r=n.length;o<r;o++)n[o].fn.apply(n[o].ctx,e);return this},off:function(t,e){var n=this.e||(this.e={}),o=n[t],r=[];if(o&&e)for(var i=0,a=o.length;i<a;i++)o[i].fn!==e&&o[i].fn._!==e&&r.push(o[i]);return r.length?n[t]=r:delete n[t],this}},t.exports=n},function(t,e,n){var d=n(5),h=n(6);t.exports=function(t,e,n){if(!t&&!e&&!n)throw new Error("Missing required arguments");if(!d.string(e))throw new TypeError("Second argument must be a String");if(!d.fn(n))throw new TypeError("Third argument must be a Function");if(d.node(t))return s=e,f=n,(l=t).addEventListener(s,f),{destroy:function(){l.removeEventListener(s,f)}};if(d.nodeList(t))return a=t,c=e,u=n,Array.prototype.forEach.call(a,function(t){t.addEventListener(c,u)}),{destroy:function(){Array.prototype.forEach.call(a,function(t){t.removeEventListener(c,u)})}};if(d.string(t))return o=t,r=e,i=n,h(document.body,o,r,i);throw new TypeError("First argument must be a String, HTMLElement, HTMLCollection, or NodeList");var o,r,i,a,c,u,l,s,f}},function(t,n){n.node=function(t){return void 0!==t&&t instanceof HTMLElement&&1===t.nodeType},n.nodeList=function(t){var e=Object.prototype.toString.call(t);return void 0!==t&&("[object NodeList]"===e||"[object HTMLCollection]"===e)&&"length"in t&&(0===t.length||n.node(t[0]))},n.string=function(t){return"string"==typeof t||t instanceof String},n.fn=function(t){return"[object Function]"===Object.prototype.toString.call(t)}},function(t,e,n){var a=n(7);function i(t,e,n,o,r){var i=function(e,n,t,o){return function(t){t.delegateTarget=a(t.target,n),t.delegateTarget&&o.call(e,t)}}.apply(this,arguments);return t.addEventListener(n,i,r),{destroy:function(){t.removeEventListener(n,i,r)}}}t.exports=function(t,e,n,o,r){return"function"==typeof t.addEventListener?i.apply(null,arguments):"function"==typeof n?i.bind(null,document).apply(null,arguments):("string"==typeof t&&(t=document.querySelectorAll(t)),Array.prototype.map.call(t,function(t){return i(t,e,n,o,r)}))}},function(t,e){if("undefined"!=typeof Element&&!Element.prototype.matches){var n=Element.prototype;n.matches=n.matchesSelector||n.mozMatchesSelector||n.msMatchesSelector||n.oMatchesSelector||n.webkitMatchesSelector}t.exports=function(t,e){for(;t&&9!==t.nodeType;){if("function"==typeof t.matches&&t.matches(e))return t;t=t.parentNode}}}])});
\ No newline at end of file
diff --git a/source/less/_article.less b/source/less/_article.less
index faf7648..589ec09 100755
--- a/source/less/_article.less
+++ b/source/less/_article.less
@@ -452,43 +452,6 @@
   }
 
 
-  //代码块复制按钮
-  .highlight{
-      //方便copy代码按钮（btn-copy）的定位
-      position: relative;
-  }
-  .btn-copy {
-      display: inline-block;
-      cursor: pointer;
-      background-color: #eee;
-      background-image: linear-gradient(#fcfcfc,#eee);
-      border: 1px solid #d5d5d5;
-      border-radius: 3px;
-      -webkit-user-select: none;
-      -moz-user-select: none;
-      -ms-user-select: none;
-      user-select: none;
-      -webkit-appearance: none;
-      font-size: 13px;
-      font-weight: 700;
-      line-height: 20px;
-      color: #333;
-      -webkit-transition: opacity .3s ease-in-out;
-      -o-transition: opacity .3s ease-in-out;
-      transition: opacity .3s ease-in-out;
-      padding: 2px 6px;
-      position: absolute;
-      right: 5px;
-      top: 5px;
-      opacity: 0;
-  }
-  .btn-copy span {
-      margin-left: 5px;
-  }
-  .highlight:hover .btn-copy{
-      opacity: 1;
-  }
-  
 /* Handle */
 
   &::-webkit-scrollbar-thumb {
@@ -589,3 +552,40 @@ pre{
     color: @hl_red;
   }
 }
+
+//代码块复制按钮
+.highlight{
+    //方便copy代码按钮（btn-copy）的定位
+    position: relative;
+}
+.btn-copy {
+    display: inline-block;
+    cursor: pointer;
+    background-color: #eee;
+    background-image: linear-gradient(#fcfcfc,#eee);
+    border: 1px solid #d5d5d5;
+    border-radius: 3px;
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
+    -webkit-appearance: none;
+    font-size: 13px;
+    font-weight: 700;
+    line-height: 20px;
+    color: #333;
+    -webkit-transition: opacity .3s ease-in-out;
+    -o-transition: opacity .3s ease-in-out;
+    transition: opacity .3s ease-in-out;
+    padding: 2px 6px;
+    position: absolute;
+    right: 5px;
+    top: 5px;
+    opacity: 0;
+}
+.btn-copy span {
+    margin-left: 5px;
+}
+.highlight:hover .btn-copy{
+    opacity: 1;
+}
diff --git a/source/less/_layout.less b/source/less/_layout.less
index f8fc5b2..8d323fd 100755
--- a/source/less/_layout.less
+++ b/source/less/_layout.less
@@ -34,8 +34,7 @@
 
 
 // start: 圆角 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-// 0px: 极端，2px：硬朗，4px：常规，8px：圆润，16px：温柔
-@border_radius: 8px; // 圆角半径，可以根据心情随时调整风格
+@border_radius: 12px; // 圆角半径，可以根据心情随时调整风格
 @border_radius_line: 4px; // 线的宽度和滚动条的宽度
 @border_radius_code_block: 4px; // 引用、代码块的圆角
 
diff --git a/source/less/_main.less b/source/less/_main.less
index fd4e8a1..7448622 100755
--- a/source/less/_main.less
+++ b/source/less/_main.less
@@ -479,3 +479,41 @@
   }
 
 }
+
+.alert {
+	display: none;
+	position: fixed;
+	top: 50%;
+	left: 50%;
+	transform: translate(-50%,-50%);
+	z-index: 99999;
+	text-align: center;
+	padding: 24px 36px;
+	border-radius: @border_radius;
+  box-shadow: @boxshadow_card_normal;
+
+  &.alert-success {
+      color: #3c763d;
+      background-color: #dff0d8;
+      border-color: #d6e9c6;
+  }
+
+  &.alert-info {
+      color: #31708f;
+      background-color: #d9edf7;
+      border-color: #bce8f1;
+  }
+
+  &.alert-warning {
+      color: #8a6d3b;
+      background-color: #fcf8e3;
+      border-color: #faebcc;
+  }
+
+  &.alert-danger {
+      color: #a94442;
+      background-color: #f2dede;
+      border-color: #ebccd1;
+  }
+
+}
diff --git a/source/less/_search.less b/source/less/_search.less
index aeaa924..cc6fec5 100755
--- a/source/less/_search.less
+++ b/source/less/_search.less
@@ -231,6 +231,7 @@
       overflow-y: scroll;
       -webkit-overflow-scrolling: touch;
       background-color: @theme_cardbg;
+      border-radius: @border_radius;
       @media (max-width: @on_modal_threshold) {
         padding: 60px 20px 80px 20px;
     	}