评论框支持插入更多表情

_config.yml

@@ -155,4 +155,4 @@ less:
   compress: true
 
 # 主题的CDN地址
-themecdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@18.12.27/
+themecdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@18.12.28/

layout/_partial/comments.ejs

@@ -36,8 +36,6 @@
                                 <i class="fas fa-spinner fa-spin fa-fw"></i>
                             </div>
                         </section>
-                        <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
-                        <script src="https://cdn.jsdelivr.net/gh/xaoxuu/cdn-valine@x-1.0/js/valine.js"></script>
                     <% } %>
                 <% } %>
             <% } %>

layout/_partial/scripts.ejs

@@ -68,6 +68,8 @@
     <% } %>
     <% if (config.valine){ %>
         <% if (config.valine.enable && config.valine.app_id && config.valine.app_key){ %>
+            <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+            <script src="https://cdn.jsdelivr.net/gh/xaoxuu/volantis@1.0-beta1/js/volantis.js"></script>
             <script>
             var GUEST_INFO = ['nick','mail','link'];
             var guest_info = '<%= config.valine.guest_info %>'.split(',').filter(function(item){
@@ -90,6 +92,7 @@
                 highlight:'<%= config.valine.highlight %>'
             })
             </script>
+
         <% } %>
     <% } %>
 <% } %>

source/js/jquery.fitvids.js

@@ -1,87 +0,0 @@
-/*jshint browser:true */
-/*!
-* FitVids 1.1
-*
-* Copyright 2013, Chris Coyier - http://css-tricks.com + Dave Rupert - http://daverupert.com
-* Credit to Thierry Koblentz - http://www.alistapart.com/articles/creating-intrinsic-ratios-for-video/
-* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
-*
-*/
-
-;(function( $ ){
-
-  'use strict';
-
-  $.fn.fitVids = function( options ) {
-    var settings = {
-      customSelector: null,
-      ignore: null
-    };
-
-    if(!document.getElementById('fit-vids-style')) {
-      // appendStyles: https://github.com/toddmotto/fluidvids/blob/master/dist/fluidvids.js
-      var head = document.head || document.getElementsByTagName('head')[0];
-      var css = '.fluid-width-video-wrapper{width:100%;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:100%;height:100%;}';
-      var div = document.createElement("div");
-      div.innerHTML = '<p>x</p><style id="fit-vids-style">' + css + '</style>';
-      head.appendChild(div.childNodes[1]);
-    }
-
-    if ( options ) {
-      $.extend( settings, options );
-    }
-
-    return this.each(function(){
-      var selectors = [
-        'iframe[src*="player.vimeo.com"]',
-        'iframe[src*="youtube.com"]',
-        'iframe[src*="youtube-nocookie.com"]',
-        'iframe[src*="kickstarter.com"][src*="video.html"]',
-        'object',
-        'embed'
-      ];
-
-      if (settings.customSelector) {
-        selectors.push(settings.customSelector);
-      }
-
-      var ignoreList = '.fitvidsignore';
-
-      if(settings.ignore) {
-        ignoreList = ignoreList + ', ' + settings.ignore;
-      }
-
-      var $allVideos = $(this).find(selectors.join(','));
-      $allVideos = $allVideos.not('object object'); // SwfObj conflict patch
-      $allVideos = $allVideos.not(ignoreList); // Disable FitVids on this video.
-
-      $allVideos.each(function(){
-        var $this = $(this);
-        if($this.parents(ignoreList).length > 0) {
-          return; // Disable FitVids on this video.
-        }
-        if (this.tagName.toLowerCase() === 'embed' && $this.parent('object').length || $this.parent('.fluid-width-video-wrapper').length) { return; }
-        if ((!$this.css('height') && !$this.css('width')) && (isNaN($this.attr('height')) || isNaN($this.attr('width'))))
-        {
-          $this.attr('height', 9);
-          $this.attr('width', 16);
-        }
-        var height = ( this.tagName.toLowerCase() === 'object' || ($this.attr('height') && !isNaN(parseInt($this.attr('height'), 10))) ) ? parseInt($this.attr('height'), 10) : $this.height(),
-            width = !isNaN(parseInt($this.attr('width'), 10)) ? parseInt($this.attr('width'), 10) : $this.width(),
-            aspectRatio = height / width;
-        if(!$this.attr('name')){
-          var videoName = 'fitvid' + $.fn.fitVids._count;
-          $this.attr('name', videoName);
-          $.fn.fitVids._count++;
-        }
-        $this.wrap('<div class="fluid-width-video-wrapper"></div>').parent('.fluid-width-video-wrapper').css('padding-top', (aspectRatio * 100)+'%');
-        $this.removeAttr('height').removeAttr('width');
-      });
-    });
-  };
-  
-  // Internal counter for unique video names.
-  $.fn.fitVids._count = 0;
-  
-// Works with either jQuery or Zepto
-})( window.jQuery || window.Zepto );

source/less/_main.less

@@ -55,6 +55,7 @@
                     padding: 0;
                     margin: 10px;
                 }
+
             }
             button{
                 border: none;
@@ -136,8 +137,21 @@
                     }
                 }
             }
-        }
 
+        }
+        .emoji{
+          height: 20px;
+        }
+        .vcard {
+          .vcontent {
+            p{
+              .emoji{
+                display: inline;
+                height: 28px;
+              }
+            }
+          }
+        }
     }
     .post-wrapper{
         // for firefox