1. Feature: 可設置内联代码块样式 #26

2. Feature: 可設置夜間模式作爲默認樣式
3. Feature: 可設置是否顯示code language名稱
4. Feature: 可設置是否展開或關閉代碼框
5. Feature: 可設置背景圖片/顔色
6. Feature: 可設置是否顯示footer背景
7. Feature: 增加 canvas-nest.js
8. Feature: 頭像可設置效果(轉圈圈)
9. Feature: menu可設置分組
9. Fix: 優化打賞和搜索打開特效
10. Fix: 優化sidebar的打開特效，避免與文章頁特效不同步
11. Fix: 適配**hexo-blog-encrypt**，現在可以顯示toc
12. Fix: 修復設置不顯示評論時，直達評論按鈕沒有消失的bug
13. Fix: 修復post頁底欄，當沒有顯示評論，不顯示TOC，評論和toc都不顯示 這三種狀態下按鈕的bug
14. Fix: 修復代碼框左右滑動時，代碼名字跟著滑動的bug
15. Fix: 其他page頁標題的字體顯示
16. Fix: 修復當設置開啓canvas_ribbons，進入網站會先顯示canvas_ribbons的bug
17. Fix: 完善夜間模式下，字體顯示問題
18. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
19. Fix: 完善阅读模式

source/css/_layout/z-other.styl

@@ -96,10 +96,7 @@ a.article-meta__categories
     -webkit-box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
     box-shadow: 0 4px 12px 12px rgba(7,17,27,0.15)
 
-#page_site-info
-  padding: 10rem 1rem 7rem
-  #site-title
-    font-family: PingFang SC, Hiragino Sans GB, "Microsoft JhengHei", "Microsoft YaHei", Helvetica Neue, Helvetica, Arial, sans-serif
+
 
 @media screen and (min-width: 900px) 
   if hexo-config("aside.position") == "left"
@@ -115,7 +112,10 @@ a.article-meta__categories
       width: 100% !important
 
 
-@media screen and (max-width:768px) 
+@media screen and (max-width:768px)
+  #web_bg
+    display: none 
+    
   .recent-post-item
     height: auto !important
     border-radius: 8px
@@ -154,8 +154,7 @@ a.article-meta__categories
     &:hover
       -webkit-box-shadow: none
       box-shadow: none
-  
-    
+      
   .layout_page
     padding: 0 !important
   
@@ -164,8 +163,6 @@ a.article-meta__categories
 
   .category-lists
     padding: 0
-
-
   
   .recent-post-info 
     padding: 20px 10px !important
@@ -174,11 +171,15 @@ a.article-meta__categories
   #recent-posts #pagination
     margin-bottom: 0
 
-  #nav #site-social-icons
-    display: block
+  #nav 
+    #site-social-icons
+      display: block
 
-  #page_site-info
-    padding: 7rem 1rem 5rem
+    &.not_index_bg
+      height: 14rem
+
+    #page_site-info
+      top: 7rem
   
   #top-container
     height: 14rem
@@ -195,11 +196,10 @@ a.article-meta__categories
     display: none !important
 
 
-
 .layout_page,
 .layout_post,
 footer
-  animation: main 1s;
+  animation: main 1s
 
 #nav,
 #top-container
@@ -208,82 +208,82 @@ footer
 #site-title
   animation: titlescale 1s
 
-.search-dialog
-  transition: all .2s
+canvas,#web_bg
+  animation: to_show 4s
+
+.card-announcement-animation
+  animation: announ_animation 1.5s infinite
 
 .scroll-down-effects
-  -webkit-animation: pulse 1.5s infinite
-  animation: pulse 1.5s infinite
-  // font-size: 28px
-  position: absolute
-  color: #fff
+  animation: scroll-down-effect 1.5s infinite
 
-.is_hidden
-  overflow: hidden
-@keyframes pulse{
+if hexo-config("avatar_effect") == true
+  .avatar_img
+    animation: avatar_turn_around 2s linear infinite
 
-  0%,to{
-    opacity:.4
-    top:0}
-  50%{
-    opacity:1
-    top:-16px}
-    }
-
-@keyframes header {
-  0% {
-  opacity: 0;
-  transform: translateY(-50px)
-}
-100% {
-  opacity: 1;
-  transform: translateY(0)
-}
-
-}
+.reward-main
+  animation: donate_effcet .3s .1s ease both;
 
 
-@keyframes main {
-  0% {
-  opacity: 0;
-  transform: translateY(50px)
-}
-100% {
-  opacity: 1;
-  transform: translateY(0)
-}
-}
-
-@keyframes titlescale{
-  
-  0% {
-    // opacity:0;
-    transform: scale(0.7)
-}
-  100% {
-    // opacity:1;
-    transform: scale(1)
-}
+@keyframes scroll-down-effect
+  0%
+    opacity: 0.4
+    top: 0
+  50%
+    opacity: 1
+    top: -16px
+  100%
+    opacity: 0.4
+    top: 0
     
-}
+@keyframes header 
+  0% 
+    opacity: 0
+    transform: translateY(-50px)
+  100% 
+    opacity: 1
+    transform: translateY(0)
 
+@keyframes main
+  0% 
+    opacity: 0
+    transform: translateY(50px)
+  100% 
+    opacity: 1
+    transform: translateY(0)
 
-.article-container .code_full_page
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100%;
-  height: 100%;
-  min-width: 100%;
-  z-index: 9999;
-  margin: 0;
-  animation: code_full_page 1s;
+@keyframes titlescale
+  0%
+    opacity: 0
+    transform: scale(0.7)
+  100% 
+    opacity: 1
+    transform: scale(1)
 
-.code_body
-  overflow: hidden
+@keyframes to_show
+  0%
+    opacity: 0
+  100%
+    opacity: 1
+ 
+@keyframes avatar_turn_around
+  from
+    transform: rotate(0deg)
+  to
+    transform: rotate(360deg)
 
-@keyframes code_full_page{
-  0%{transform:scale(0)}
-  50%{transform:scale(1)}
-  80%{transform:scale(.98)}
-  100%{transform:scale(1)}}
+@keyframes sub_menus
+  0%
+    opacity: 0
+    transform: translateY(10px)
+  100%
+    opacity: 1
+    transform: translateY(0)
+
+@keyframes donate_effcet
+  0%
+    opacity: 0
+    transform: translateY(-20px)
+  100%
+    opacity: 1
+    transform: translateY(0)