Add Tsu theme

2021-06-05 03:45:20 -05:00
parent 065820fe2c
commit 3cd8cdbd9c
47 changed files with 1324 additions and 0 deletions
--- a/themes/hexo-theme-Tsu/source/js/scroll.js
+++ b/themes/hexo-theme-Tsu/source/js/scroll.js
@@ -0,0 +1,109 @@
+$(function(){
+    var SPACING = 20;
+    var $toc = $('._toc');
+    var $ava = $('#avator');
+    
+    if($toc.length){
+        var minScrollTop = $toc.offset().top - SPACING;
+        var tocState = {
+            start: {
+                'position':'absolute',
+                'top':minScrollTop
+            },
+            process: {
+                'position':'fixed',
+                'top':SPACING
+            }
+        }
+        $(window).scroll(function(){
+            var scrollTop = $(window).scrollTop();
+
+            if(scrollTop < minScrollTop){
+                $toc.css(tocState.start);
+            }
+            else{
+                $toc.css(tocState.process);
+            }
+        })
+    }
+
+    if($ava.length) {
+        let minScrollTop = $ava.offset().top - 30;
+        let avaState = {
+            start: {
+                'position':'absolute',
+                'top':minScrollTop
+            },
+            process: {
+                'position':'fixed',
+                'top':SPACING
+            }            
+        }
+        $(window).scroll(function(){
+            let scrollTop = $(window).scrollTop();
+            if(scrollTop < minScrollTop) {
+                $ava.css(avaState.start);
+            }
+            else {
+                $ava.css(avaState.process);
+            }
+
+        })
+    }
+});
+$(window).resize(function(){
+    var $toc = $('._toc');
+    var minwidth = 1480;
+    var $avator = $('#avator');
+    var $postswrapper = $('.posts-wrapper');
+    if($(window).width()<1480){
+        $toc.css("display","none");
+    }
+    else {
+        $toc.css("display","block");
+    }
+    if($(window).width()<950){
+        $avator.css("display","none");
+        $postswrapper.css("width","100%");
+    }
+    else {
+        $avator.css("display","block");
+        $postswrapper.css("width","73%");
+
+    }
+});
+$(function(){
+    var $toc = $('._toc');
+    var minwidth = 1480;
+    var $avator = $('#avator');
+    var $postswrapper = $('.posts-wrapper');
+    if($(window).width<1480){
+        $toc.css("display","none");
+    }
+    if($(window).width()<950){
+        $avator.css("display","none");
+        $postswrapper.css("width","100%");
+    }
+});
+$(function(){
+    var HEADERFIX = 30;
+    var $toclink = $('.toc-link'),
+    $headerlink = $('.headerlink');
+    $(window).scroll(function(){
+        var headerlinkTop = $.map($headerlink,function(link){
+            return $(link).offset().top;
+        });
+        var scrollTop = $(window).scrollTop();
+        for(var i=0;i<$toclink.length;i++){
+            var isLast = i+1 === $toclink.length,
+            currentTop = headerlinkTop[i] - HEADERFIX,
+            nextTop = isLast ? Infinity : headerlinkTop[i+1]- HEADERFIX;
+            if(currentTop < scrollTop && scrollTop <= nextTop){
+                $($toclink[i]).addClass('active');
+            }
+            else{
+                $($toclink[i]).removeClass('active');
+            }
+        }
+    });
+});