update: CSS 文件目录调整及优化

.gitignore

@@ -41,4 +41,7 @@ testem.log
 
 # System Files
 .DS_Store
-Thumbs.db
+Thumbs.db
+
+# 提交代码时暂时忽略 _config.yml
+_config.yml

_config.yml

@@ -20,7 +20,6 @@ page:
   right_side_width: 70
   media_max_width: 960
 
-
 # Social Links.
 # Usage: `Key: permalink || icon`
 # Key is the link label showing to end users.
@@ -37,25 +36,22 @@ social:
   #StackOverflow: https://stackoverflow.com/yourname || stack-overflow
   #Instagram: https://instagram.com/yourname || instagram
 
-
 # Code Highlight theme
 # Available value:
 #   normal | night | night eighties | night blue | night bright
 # https://github.com/chriskempson/tomorrow-theme
 highlight_theme: normal
 
-
 # Valine.
 # You can get your appid and appkey from https://leancloud.cn
 # more info please open https://github.com/xCss/Valine
 valine:
-  enable: false
+  enable: true
-  appid:  # your leancloud application appid
+  appid:  ih2nzG3ilVNdLgJK4kBXTjOq-gzGzoHsz # your leancloud application appid
-  appkey: # your leancloud application appkey
+  appkey: gdf6tXXLBTLg9qpjS2y6Tbw7 # your leancloud application appkey
   notify: false # mail notifier, https://github.com/xCss/Valine/wiki
   verify: false # Verification code
-  placeholder: Comment input placeholder
+  placeholder: 评论一下再走吧~
-
 
 # Show PV/UV of the website/page with busuanzi.
 # Get more information on http://ibruce.info/2015/04/04/busuanzi/
@@ -75,7 +71,6 @@ busuanzi_count:
   page_pv_header:
   page_pv_footer:
 
-
 # Local Search
 # Dependencies: https://github.com/theme-next/hexo-generator-searchdb
 local_search:

source/css/layout/_partial/header.styl

@@ -12,7 +12,7 @@
   transition: height 0.5s ease, max-width 0.5s cubic-bezier(0, 0.2, 0.8, 1);
 
   .header-content {
-    width: 80%;
+    width: $main-content-width;
     height: 100%;
     position: relative;
     transition: transform 0.5s ease;

source/css/layout/common/basic.styl

@@ -9,7 +9,6 @@ html, body {
   font-size: $default-font-size;
   font-family: $default-font-family;
   font-weight: $default-font-weight;
-  -webkit-font-smoothing antialiased;
 }
 
 ul, li, ol {
@@ -58,6 +57,7 @@ a:hover, a:active {
   }
 }
 
+
 // 文章标题悬浮动画
 .article-title-hover-animation {
   display: inline-block;
@@ -97,4 +97,9 @@ clearfix() {
   &:after {
     clear: both;
   }
+}
+
+::selection {
+  background: $a-hover-color;
+  color: #fff;
 }

source/css/layout/common/root.styl

@@ -1,7 +0,0 @@
-:root {
-  --primary-color: #f45a6f;
-  --text-color: #2c3e50;
-  --second-text-color: #525e6b;
-  --normal-text-color: #616161;
-  --third-text-color: #9ca3ad;
-}

source/css/layout/common/variables.styl

@@ -54,7 +54,7 @@ $nav-selected-color = #4a4a4a
 $a-color = #666
 
 // 超链接a标签悬浮颜色
-$a-hover-color = #1f71ce
+$a-hover-color = #5ace11
 
 // 按钮颜色
 $button-color = $default-font-color
@@ -68,5 +68,9 @@ $button-border-color = $default-font-color
 
 // 头部默认高度
 $header-height = 100px
+
 // 头部收缩高度
-$header-shrink-height = 60px
+$header-shrink-height = 60px
+
+// 中间内容区域宽度
+$main-content-width = 70%

source/css/layout/page.styl

@@ -19,7 +19,7 @@
     justify-content: center;
 
     .main-content {
-      width: 80%;
+      width: $main-content-width;
       height: 100%;
       position: relative;
       padding: 40px 0;