update

layout/_partial/article.ejs

@@ -124,12 +124,7 @@
                     <% if (config.valine.enable && config.valine.appId && config.valine.appKey){ %>
                         <h4><i class="fa fa-comments fa-fw" aria-hidden="true"></i>&nbsp;Valine评论</h4>
                         <div class="subtitle">
-                          <h6><b>文明评论，请勿灌水。</b>为了便于区分，请您在留言时至少填写一下 <b>昵称</b> 啊。<br>
-                          与主题相关的内容及评论测试请到 <a href="https://xaoxuu.com/wiki/material-x/">https://xaoxuu.com/wiki/material-x/</a> 留言，
-                          <% if (config.about_url){ %>
-                              其它想要对作者说的话可以到 <a href="<%= config.about_url %>"><%= config.about_url %></a> 留言。
-                          <% } %>
-                          留言时填写邮箱可以在被回复时收到邮件提醒，也可以显示Gravatar头像，网址填写个人主页或者博客的作用是别人点击你的昵称会跳转到你的博客，为你增加访问量。</h6>
+                          <h6><b>文明评论，请勿灌水。</b>为了便于区分和接收回复提醒，请您在留言时填写一下<b>昵称</b>和<b>邮箱</b>。</h6>
                         <div>
                         <section id="comments">
                             <div id="valine_container" class="valine_thread">

layout/_partial/header.ejs

@@ -42,7 +42,7 @@
 			<ul class='switcher h-list'>
 				<li class='s-comment'><a class="fa fa-comments fa-fw flat-box" href='javascript:void(0)'></a></li>
 				<li class='s-top'><a class="fa fa-arrow-up fa-fw flat-box" href='javascript:void(0)'></a></li>
-				<li class='s-toc'><a class="fa fa-list-ul fa-fw flat-box" href='javascript:void(0)'></a></li>
+				<li class='s-toc'><a class="fa fa-list fa-fw flat-box" href='javascript:void(0)'></a></li>
 			</ul>
 		</div>
 	</div>

layout/_widget/links.ejs

@@ -1,5 +1,9 @@
 <section class='m_widget links'>
-    <div class='header'><i class="fas fa-handshake fa-fw" aria-hidden="true"></i>&nbsp;&nbsp;友链</div>
+    <div class='header'><div><i class="fas fa-handshake fa-fw" aria-hidden="true"></i>&nbsp;&nbsp;友链</div>
+    <% if(config.email) { %>
+        <a class="addlink" title="联系博主添加友链" target="_blank" rel="external nofollow noopener noreferrer" href="mailto:<%= config.email %>?subject=交换友链&body=你好，我想和你交换友链，我已经将【<%= config.title %>】添加到我的博客的友链中。我的博客链接是："><i class="fas fa-plus fa-fw"></i></a>
+    <%} %>
+    </div>
     <div class='content'>
         <ul class="entry" id="links">
             <% (config.widgets.links||[]).forEach(function(item){ %>
@@ -8,21 +12,12 @@
                         <% if(item.avatar) { %>
                             <img src="<%= item.avatar %>">
                         <% } else { %>
-                            <i class="fa fa-user-circle fa-fw" aria-hidden="true"></i>
+                            <i class="fas fa-user-circle fa-fw" aria-hidden="true"></i>
                         <% } %>
                         &nbsp;&nbsp;<%= item.name %>
                     </div>
                 </a></li>
             <% }) %>
-            <% if(config.email) { %>
-                <li><a class="flat-box" target="_blank" rel="external nofollow noopener noreferrer" href="mailto:<%= config.email %>?subject=交换友链&body=你好，我想和你交换友链，我已经将【<%= config.title %>】添加至我的博客的友链中。我的博客链接是：">
-                    <div class='name'>
-                        <i class="fa fa-envelope fa-fw" aria-hidden="true"></i>
-                        &nbsp;&nbsp;联系博主交换友链
-                    </div>
-                </a></li>
-            <%} %>
-
         </ul>
 
     </div>

source/less/_widget.less

@@ -170,6 +170,16 @@
     }
 }
 .m_widget.links{
+    .header{
+      display: flex;
+      justify-content: space-between;
+        .addlink{
+          color: @theme_text_in_header;
+          &:hover {
+              color: darken(@theme_text_highlight, 25%);
+          }
+        }
+    }
     .content{
         padding: @gap/2 0;
         .name{