fix: post loading 文章显示延迟问题

Now the default opacity is 1, article will be shown immediately without animation.
MOxFIVE · Mar 7, 2016 · 4adf95e · 4adf95e
1 parent 9bc4c6b
commit 4adf95e
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 5 deletions.
diff --git a/layout/_partial/head.ejs b/layout/_partial/head.ejs
@@ -35,6 +35,9 @@
       <link href="//cdn.bootcss.com/jqueryui/1.10.4/css/jquery-ui.min.css" rel="stylesheet">
   <% } %>
   <%- css('css/style') %>
+  <% if (is_home() && theme.animate){ %>
+      <style> .article { opacity: 0;} </style>
+  <% } %>
   <%- css('font-awesome/css/font-awesome.min') %>
   <link rel="apple-touch-icon" href="<%- theme.root_url %>/apple-touch-icon.png">
   <% if (is_home()){ %>

diff --git a/source/css/_partial/article.styl b/source/css/_partial/article.styl
@@ -7,7 +7,6 @@
   margin-bottom: 5px;
   position: relative;
   background: article-color;
-  opacity: 0;
   -webkit-transition: all 0.2s ease-in;
   &.show{
     visibility: visible;
@@ -24,10 +23,6 @@
   }
 }
 
-if !hexo-config("animate")
-    .article
-        opacity 1
-
 @-webkit-keyframes cd-bounce-1 {
   0% {
     opacity: 0;