perf

layout/_partial/post.ejs

@@ -1,9 +1,9 @@
 <% if (even === true) { %>
   <div class="post-wrap-left wow fadeInUp">
     <% if (post.link) { %>
-      <a class="post-link" href="<%- url_for(post.link, {relative: false}) %>" itemprop="url" target="_blank"></a>
+      <a class="post-link" href="<%- url_for(post.link, {relative: false}) %>" itemprop="url" target="_blank" aria-label="<%= post.title %>"></a>
     <% } else { %>
-      <a class="post-link" href="<%- url_for(post.path) %>"></a>
+      <a class="post-link" href="<%- url_for(post.path) %>" aria-label="<%= post.title %>"></a>
     <% } %>
     <% if (post.sticky) { %>
       <div class="post-sticky"><%= __('sticky')%></div>
@@ -22,9 +22,9 @@
     </div>
     <div class="post-info">
       <div class="post-meta">
-        <a><span class="icon-calendar"></span><%- date(post.date, "YYYY-MM-DD") %></a>
-        <a><span class="icon-pencil"></span><%= _p('post.count', wordcount(post.content)) %></a>
-        <a><span class="icon-clock"></span><%= _p('post.time', min2read(post.content)) %></a>
+        <span><span class="icon-calendar"></span><%- date(post.date, "YYYY-MM-DD") %></span>
+        <span><span class="icon-pencil"></span><%= _p('post.count', wordcount(post.content)) %></span>
+        <span><span class="icon-clock"></span><%= _p('post.time', min2read(post.content)) %></span>
       </div>
       <h2 class="post-title"><%= post.title %></h2>
       <article class="post-article">
@@ -57,17 +57,9 @@
     </div>
     <div class="post-info">
       <div class="post-meta">
-        <a><span class="icon-calendar"></span><%- date(post.date, "YYYY-MM-DD") %></a>
-        <% if (wordcount(post.content) == 1) { %>
-          <a><span class="icon-pencil"></span><%= _p('post.count', wordcount(post.content)) %></a>
-        <% } else { %>
-          <a><span class="icon-pencil"></span><%= _p('post.count', wordcount(post.content)) %></a>
-        <% } %>
-        <% if (min2read(post.content) == 1) { %>
-          <a><span class="icon-clock"></span><%= _p('post.time', min2read(post.content)) %></a>
-        <% } else { %>
-          <a><span class="icon-clock"></span><%= _p('post.time', min2read(post.content)) %></a>
-        <% } %>
+        <span><span class="icon-calendar"></span><%- date(post.date, "YYYY-MM-DD") %></span>
+        <span><span class="icon-pencil"></span><%= _p('post.count', wordcount(post.content)) %></span>
+        <span><span class="icon-clock"></span><%= _p('post.time', min2read(post.content)) %></span>
       </div>
       <h2 class="post-title"><%= post.title %></h2>
       <article class="post-article">

layout/_partial/sidebar/common-sidebar.ejs

@@ -20,14 +20,14 @@
 <div class="sidebar-social">
   <% for (var i in theme.social) { %>
     <div class=<%= 'icon-' + i %>>
-      <a href=<%= theme.social[i] %> itemprop="url" target="_blank"></a>
+      <a href=<%= theme.social[i] %> itemprop="url" target="_blank" aria-label="<%= i %>"></a>
     </div>
   <% } %>
 </div>
 <div class="sidebar-menu">
   <% for (var i in theme.menu) { %>
     <div class="sidebar-menu-link-wrap">
-      <a class="sidebar-menu-link-dummy" href="<%- url_for(theme.menu[i]) %>"></a>
+      <a class="sidebar-menu-link-dummy" href="<%- url_for(theme.menu[i]) %>" aria-label="<%= __(i) %>"></a>
       <span class="sidebar-menu-icon"></span>
       <div class="sidebar-menu-link"><%= __(i) %></div>
     </div>

scripts/helper/vendorFont.js

@@ -2,7 +2,7 @@ const { htmlTag } = require('hexo-util')
 hexo.extend.helper.register('vendorFont', () => {
   const fontDisplay = '&display=swap'
   const fontSubset = '&subset=latin,latin-ext'
-  const fontStyles = ':300,300italic,400,400italic,700,700italic'
+  const fontStyles = ':400,400italic,700,700italic'
   const fontHost = 'https://fonts.googleapis.com'
 
   let fontFamilies = ['Mulish', 'Noto Serif SC', 'Ubuntu Mono'].map(item => {

source/css/_partial/header.styl

@@ -92,7 +92,7 @@ $logo-text
 #subtitle
   @extend $logo-text
   font-size: subtitle-size
-  font-weight: 300
+  font-weight: 400
   line-height: subtitle-size
   letter-spacing: 1px
 
@@ -169,7 +169,7 @@ $nav-link-wrap
 
 .main-nav-link
   @extend $nav-link
-  font-weight: 300
+  font-weight: 400
   letter-spacing: 1px
 
 .main-nav-icon

source/css/_partial/post.styl

@@ -73,15 +73,14 @@ $post-wrap
   justify-content: flex-end
   margin: 5px 0
 
-  a
+  span
     font-size: 14px
     color: #777777
     margin: 0 8px
     white-space: nowrap
     text-overflow: ellipsis
     overflow: hidden
 
-  a:before,
   span:before
     margin: 0 10px
 
@@ -188,7 +187,7 @@ $post-cover
   left: 0
   width: 70px
   height: 35px
-  background: var(--red-4)
+  background: var(--color-sticky)
   color: var(--red-1)
   font-weight: bold
   font-size: 15px

source/css/_variables.styl

@@ -30,6 +30,7 @@
   --color-dark-facebook: darken(#3b5998, 20%)
   --color-dark-pinterest: darken(#cb2027, 20%)
   --color-dark-linkedin: darken(#0077B5, 20%)
+  --color-sticky: #ffecec
 
   --color-h2-border: #eee
   --color-meta-shadow: --var(--red-6)
@@ -83,6 +84,7 @@
     --color-dark-facebook: darken(#3b5998, 20%)
     --color-dark-pinterest: darken(#cb2027, 20%)
     --color-dark-linkedin: darken(#0077B5, 20%)
+    --color-sticky: #ffecec
 
     --color-h2-border: #47474a
     --color-meta-shadow: rgba(0, 0, 0, 0.2)