update css

_config.yml

@@ -4,7 +4,7 @@ info:
   version: '2.1.6'
   docs: https://volantis.js.org/
   cdn: # To use CDN, write 'use_cdn: true' in 'blog/_config.yml'.
-    css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.6/css/style.css
+    # css: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.6/css/style.css
     js: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-volantis@2.1.6/js/app.js
 
 
@@ -304,7 +304,7 @@ widget:
   # tagcloud widget
   tagcloud:
     class: tagcloud
-    display: [desktop] # [desktop, mobile]
+    display: [desktop, mobile] # [desktop, mobile]
     header:
       icon: fas fa-tags
       title: 热门标签

layout/_meta/category.ejs

@@ -9,7 +9,7 @@
   %>
   <div class='new-meta-item category'>
     <a href='<%- url_for(path) %>' rel="nofollow">
-      <i class="<%- theme.meta.category.icon %>" aria-hidden="true"></i>
+      <i class="<%- theme.meta.category.icon %> fa-fw" aria-hidden="true"></i>
       <p><%- cats.join('&nbsp;/&nbsp;') %></p>
     </a>
   </div>

layout/_meta/counter.ejs

@@ -2,7 +2,7 @@
   <% if (theme.comments.valine && theme.comments.valine.appId && theme.comments.valine.visitor) { %>
     <div class="new-meta-item browse valine">
       <a class='notlink'>
-        <i class="<%- theme.meta.counter.icon %>" aria-hidden="true"></i>
+        <i class="<%- theme.meta.counter.icon %> fa-fw" aria-hidden="true"></i>
         <span id="<%- url_for(page.path) %>" class="leancloud_visitors" data-flag-title="<%- page.title %>">
         <p>
           <span class="leancloud-visitors-count">
@@ -15,7 +15,7 @@
   <% } else if (theme.plugins.busuanzi) { %>
     <div class="new-meta-item browse busuanzi">
       <a class='notlink'>
-        <i class="<%- theme.meta.counter.icon %>" aria-hidden="true"></i>
+        <i class="<%- theme.meta.counter.icon %> fa-fw" aria-hidden="true"></i>
         <p>
           <span id="busuanzi_value_page_pv">
             <i class="fas fa-spinner fa-spin fa-fw" aria-hidden="true"></i>

layout/_meta/date.ejs

@@ -1,6 +1,6 @@
 <div class="new-meta-item date">
   <a class='notlink'>
-    <i class="<%- theme.meta.date.icon %>" aria-hidden="true"></i>
+    <i class="<%- theme.meta.date.icon %> fa-fw" aria-hidden="true"></i>
     <p><%- theme.meta.date.title + date(post.date, theme.meta.date.format) %></p>
   </a>
 </div>

layout/_meta/tags.ejs

@@ -2,7 +2,7 @@
   <%
   var items = [];
   post.tags.each(function(item){
-    items.push('<div class="new-meta-item meta-tags"><a class="tag" href="'+url_for(item.path)+'" rel="nofollow"><i class="' + theme.meta.tags.icon + '" aria-hidden="true"></i><p>' + item.name + '</p></a></div>');
+    items.push('<div class="new-meta-item meta-tags"><a class="tag" href="'+url_for(item.path)+'" rel="nofollow"><i class="' + theme.meta.tags.icon + ' fa-fw" aria-hidden="true"></i><p>' + item.name + '</p></a></div>');
   });
   %>
   <%- items.join(' ') %>

layout/_meta/top.ejs

@@ -1,7 +1,7 @@
 <% if(isPostList && post.top){ %>
   <div class="new-meta-item top-post">
     <a class='notlink'>
-      <i class="<%- theme.meta.top.icon %>" aria-hidden="true"></i>
+      <i class="<%- theme.meta.top.icon %> fa-fw" aria-hidden="true"></i>
       <p><%- post.top != true ? post.top : __('post.top') %></p>
     </a>
   </div>

layout/_meta/updated.ejs

@@ -1,6 +1,6 @@
 <div class="new-meta-item date" itemprop="dateUpdated" datetime="<%- moment(post.updated).format() %>">
   <a class='notlink'>
-    <i class="<%- theme.meta.updated.icon %>" aria-hidden="true"></i>
+    <i class="<%- theme.meta.updated.icon %> fa-fw" aria-hidden="true"></i>
     <p><%- theme.meta.updated.title + date(post.updated, theme.meta.updated.format) %></p>
   </a>
 </div>

layout/_meta/wordcount.ejs

@@ -1,13 +1,13 @@
 <% if (theme.plugins.wordcount) { %>
   <div class="new-meta-item wordcount">
     <a class='notlink'>
-      <i class="<%- theme.meta.wordcount.icon_wordcount %>" aria-hidden="true"></i>
+      <i class="<%- theme.meta.wordcount.icon_wordcount %> fa-fw" aria-hidden="true"></i>
       <p><%- __('post.wordcount', wordcount(post.content))%></p>
     </a>
   </div>
   <div class="new-meta-item readtime">
     <a class='notlink'>
-      <i class="<%- theme.meta.wordcount.icon_duration %>" aria-hidden="true"></i>
+      <i class="<%- theme.meta.wordcount.icon_duration %> fa-fw" aria-hidden="true"></i>
       <p><%- __('post.duration', min2read(post.content))%></p>
     </a>
   </div>

source/css/_layout/article.styl

@@ -249,10 +249,9 @@
       padding: 0
       header
         display: none
-
       .content
         padding: 0
-
+    width: 100%
 
     .content
       padding: 0 .6em

source/css/_layout/main.styl

@@ -190,7 +190,7 @@
         align-items: center
         flex-wrap: wrap
         &,p,i
-          font-size: $fontsize-meta
+          font-size: $fontsize-code
         .new-meta-item
           color: $color-meta
           line-height: 1.2
@@ -241,9 +241,8 @@
           i
             margin-right: 4px
             border-radius: 0
-            &.fas
+            &.fa-hashtag
               margin-right: 2px
-
           p,a
             color: $color-meta
             padding-left: 0