beautify butterfly theme 12.08 20:39

_config.yml

@@ -108,4 +108,4 @@ aplayer:
 deploy:
   type: 'git'
   repo: https://github.com/thely314/thely314.github.io
-  branch: gh-pages
+  branch: main

themes/butterfly/_config.yml

@@ -13,11 +13,11 @@ menu:
   Archives: /archives/ || fas fa-archive
   Tags: /tags/ || fas fa-tags
   Categories: /categories/ || fas fa-folder-open
-  List||fas fa-list||hide:
-    Music: /music/ || fas fa-music
-    Movie: /movies/ || fas fa-video
-  # Link: /link/ || fas fa-link
-  # About: /about/ || fas fa-heart
+  # List||fas fa-list||hide:
+  #  Music: /music/ || fas fa-music
+  #  Movie: /movies/ || fas fa-video
+  Link: /link/ || fas fa-link
+  About: /about/ || fas fa-heart
 
 # Code Blocks (代碼相關)
 # --------------------------------------
@@ -44,7 +44,7 @@ favicon: /img/favicon.png
 
 # Avatar (頭像)
 avatar:
-  img: https://i.loli.net/2021/02/24/5O1day2nriDzjSu.png
+  img: /img/thely_headIMG.png
   effect: false
 
 # Disable all banner image
@@ -105,7 +105,7 @@ post_meta:
     date_type: both # created or updated or both 主頁文章日期是創建日或者更新日或都顯示
     date_format: date # date/relative 顯示日期還是相對日期
     categories: true # true or false 主頁是否顯示分類
-    tags: true # true or false 主頁是否顯示標籤
+    tags: false # true or false 主頁是否顯示標籤
     label: true # true or false 顯示描述性文字
   post:
     date_type: both # created or updated or both 文章頁日期是創建日或者更新日或都顯示
@@ -208,7 +208,7 @@ footer:
   owner:
     enable: true
     since: 2023
-  custom_text: Ciallo!
+  custom_text: Ciallo! 这里是thely314的个人网页
   copyright: true # Copyright of theme and framework
 
 # aside (側邊欄)
@@ -230,11 +230,11 @@ aside:
     button:
       enable: true
       icon: fab fa-github
-      text: Follow Me
-      link: https://github.com/xxxxxx
-  card_announcement:
+      text: Follow Me On Github
+      link: https://github.com/thely314
+  card_announcement: #侧栏公告
     enable: true
-    content: This is my Blog
+    content: 随缘更新blog：学习&踩坑经验，倒垃圾，暴论
   card_recent_post:
     enable: true
     limit: 5 # if set 0 will show all
@@ -403,12 +403,12 @@ addtoany:
 comments:
   # Up to two comments system, the first will be shown as default
   # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus/Remark42/Artalk
-  use: #Valine,Disqus
+  use: Valine #,Disqus
   text: true # Display the comment name next to the button
   # lazyload: The comment system will be load when comment element enters the browser's viewport.
   # If you set it to true, the comment count will be invalid
   lazyload: false
-  count: false # Display comment count in post's top_img
+  count: true # Display comment count in post's top_img
   card_post_count: false # Display comment count in Home Page
 
 # disqus
@@ -443,12 +443,18 @@ gitalk:
 # valine
 # https://valine.js.org
 valine:
-  appId: # leancloud application app id
-  appKey: # leancloud application app key
-  avatar: monsterid # gravatar style https://valine.js.org/#/avatar
-  serverURLs: # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
+  appId: XNZ5lgtxL9Z2K7T9cFW6gfkJ-gzGzoHsz
+  # leancloud application app id
+  appKey: UaLuvjNCvRvkbrJnUzI4e1BD
+  # leancloud application app key
+  avatar: mp # gravatar style https://valine.js.org/#/avatar
+  serverURLs: https://xnz5lgtx.lc-cn-n1-shared.com # This configuration is suitable for domestic custom domain name users, overseas version will be automatically detected (no need to manually fill in)
   bg: # valine background
   visitor: false
+  #评论区显示的文字
+  placeholder: 在此留下你的足迹
+  #每一页最大的评论数量
+  pageSize: 10
   option:
 
 # waline - A simple comment system with backend support fork from Valine
@@ -581,7 +587,7 @@ google_adsense:
   auto_ads: false
   js: https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
   client:
-  enable_page_level_ads: true
+  enable_page_level_ads: false
 
 # Insert ads manually (手動插入廣告)
 # ad:
@@ -641,7 +647,7 @@ text_align_justify: false
 # Website Background (設置網站背景)
 # can set it to color or image (可設置圖片 或者 顔色)
 # The formal of image: url(http://xxxxxx.com/xxx.jpg)
-background:
+background: "#d6badf"
 
 # Footer Background
 footer_bg: false
@@ -671,7 +677,7 @@ activate_power_mode:
 # canvas_ribbon (靜止彩帶背景)
 # See: https://github.com/hustcc/ribbon.js
 canvas_ribbon:
-  enable: false
+  enable: true
   size: 150
   alpha: 0.6
   zIndex: -1
@@ -695,7 +701,7 @@ canvas_nest:
 
 # Mouse click effects: fireworks (鼠標點擊效果: 煙火特效)
 fireworks:
-  enable: false
+  enable: true
   zIndex: 9999 # -1 or 9999
   mobile: false
 
@@ -736,7 +742,7 @@ font:
 
 # Font settings for the site title and site subtitle
 # 左上角網站名字 主頁居中網站名字
-blog_title_font:
+blog_title_font: Ciallo! World!
   font_link:
   font-family:
 
@@ -751,9 +757,9 @@ subtitle:
   enable: true
   # Typewriter Effect (打字效果)
   effect: true
-  startDelay: 300 # time before typing starts in milliseconds
-  typeSpeed: 150 # type speed in milliseconds
-  backSpeed: 50 # backspacing speed in milliseconds
+  startDelay: 250 # time before typing starts in milliseconds
+  typeSpeed: 50 # type speed in milliseconds
+  backSpeed: 40 # backspacing speed in milliseconds
   loop: true
   # Customize typed.js (配置typed.js)
   # https://github.com/mattboldt/typed.js/#customization
@@ -770,15 +776,15 @@ subtitle:
     - Try to find a place for healing your soul
     - Ciallo!
     - Why no try to search on web?
-    - 还在建设中
+    - 还在建设中...
 
 # Loading Animation (加載動畫)
 preloader:
-  enable: false
+  enable: true
   # source
   # 1. fullpage-loading
   # 2. pace (progress bar)
-  source: 1
+  source: 2
   # pace theme (see https://codebyzach.github.io/pace/)
   pace_css_url:
 
@@ -918,6 +924,7 @@ css_prefix: true
 # 插入代码到头部 </head> 之前 和 底部 </body> 之前
 inject:
   head:
+    - <link rel="stylesheet" href="/css/personalized.css">
     # - <link rel="stylesheet" href="/xxx.css">
   bottom:
     - <div class="aplayer no-destroy" data-id="2029212574" data-server="netease" data-type="playlist" data-fixed="true" data-autoplay="true" data-volume="0.2"> </div>

themes/butterfly/source/css/personalized.css

@@ -0,0 +1,15 @@
+/* 背景渐变 */
+#web_bg{
+    /*紫粉渐变*/
+    /*background-image: linear-gradient(120deg, #e0c3fc 0%, #8ec5fc 100%);*/
+    /*粉白蓝*/
+    background-image: linear-gradient(-225deg, #dfbacd 0%, #B8DCFF 48%, #58abf3 100%);
+}
+/* 页脚背景渐变 */
+#footer {
+    background-image: linear-gradient(-225deg, #d6badf 0%, #B8DCFF 28%, #58abf3 100%);
+}
+
+#footer:before {
+    background-color: rgba(0, 0, 0, 0);
+}