👷 🐛 Add widgets content.

assets/css/_common/components/reading-progress.scss

@@ -1,8 +1,8 @@
 @if $reading_progress_enable {
   .reading-progress-bar {
     --progress: 0;
-    background: convert($reading_progress_color);
+    background: $reading_progress_color;
-    height: convert($reading_progress_height);
+    height: $reading_progress_height;
     position: fixed;
     z-index: $zindex-5;
 

assets/css/_common/outline/header/bookmark.scss

@@ -3,22 +3,31 @@
     border-bottom: 0;
     position: fixed;
     top: -10px;
+
     transition: top .3s;
+    -moz-transition:top .3s;
+    -webkit-transition:top .3s;
+    -o-transition:top .3s;
+
+    @if not $github_banner_enable {
       @include sidebar-toggle-position(true);
+    } @else {
+      left: 30px;
+    }    
 
     @include tablet-mobile() {
       display: none;
     }
 
     &::before {
-      color: convert($bookmark_color);
+      color: $bookmark_color;
       font-size: 32px;
       line-height: 1;
       @include font-family-icons('\f02e');
     }
-  }
 
-  .book-mark-link:hover, .book-mark-link-fixed {
+    &:hover {
-    top: -2px;
+      top: 0px;
+    }
   }
 }

assets/css/_common/scaffolding/tags/pdf.scss

@@ -1,7 +1,7 @@
 @if $pdf_enable {
   .pdfobject-container {
     iframe, embed {
-      height: convert($pdf_height);
+      height: $pdf_height;
       width: 100%;
     }
   }

assets/css/_mixins.scss

@@ -125,9 +125,7 @@
 }
 
 @mixin sidebar-toggle-position($reverse) {
-  // TODO how use nth function.
+  $alignment : nth(sidebar-toggle-alignment($reverse), 1);
-  //$alignment : list.nth(sidebar-toggle-alignment($reverse), 0);
-  $alignment : 0;
   #{$alignment}: $b2t-position-right;
   @include tablet-mobile() {
     #{$alignment}: $b2t-position-right-mobile;

exampleSite/config.yaml

@@ -446,18 +446,18 @@ params:
 
   # Reading progress bar
   readingProgress:
-    enable: false
+    enable: true
     # Available values: left | right
     start: left
     # Available values: top | bottom
-    position: top
+    position: bottom
     reversed: false
     color: "#37c6c0"
     height: 3px
 
   # Bookmark Support
   bookmark:
-    enable: false
+    enable: true
     # Customize the color of the bookmark.
     color: "#222"
     # If auto, save the reading progress when closing the page or clicking the bookmark-icon.
@@ -466,7 +466,7 @@ params:
 
   # `Follow me on GitHub` banner in the top-right corner.
   githubBanner:
-    enable: false
+    enable: true
     permalink: https://github.com/yourname
     title: Follow me on GitHub
 

i18n/zh-cn.yaml

@@ -25,7 +25,7 @@ RSSLable:
   other: "RSS 订阅"
 CCLinkTitle:
   other: "共享知识"
-BackTop:
+BackTopLabel:
   other: "返回顶部"
 
 PostPublishDate:

layouts/_default/baseof.html

@@ -39,6 +39,7 @@
       {{- end }}
     </header>
     <!-- Widgets -->
+    {{ partial "widgets" (dict "P" $P) }}
     <div class="main-inner">
       <!-- Submenu,Content,Comment -->
       {{- block "main" . }}{{- end }}

layouts/partials/footer.html

@@ -27,7 +27,7 @@
   </span>
   <span class="author" itemprop="copyrightHolder">{{ default $ft.copyright .P.author }}</span>
 </div>
-{{/*
+{{/* TODO
 <!--
 {{- if config.symbols_count_time.total_symbols or config.symbols_count_time.total_time }}
 <div class="wordcount">

layouts/partials/widgets.html

@@ -0,0 +1,27 @@
+{{- if and .P.backTop.enable (not .P.backTop.sidebar) }}
+  <div class="back-to-top" role="button" aria-label="{{ T "BackTopLabel" }}">
+    <i class="fa fa-arrow-up"></i>
+    <span>0%</span>
+  </div>
+{{- end }}
+
+{{- if .P.readingProgress.enable }}
+  <div class="reading-progress-bar"></div>
+{{- end }}
+
+{{- if .P.bookmark.enable }}
+  <a role="button" class="book-mark-link"></a>
+{{- end }}
+
+{{- with .P.githubBanner }}
+{{- if .enable }}
+<a href="{{ .permalink }}" rel="noopener external nofollow noreferrer" target="_blank" title="{{ .title }}" class="exturl github-corner">
+  <svg width="80" height="80" viewBox="0 0 250 250" aria-hidden="true"><path d="M0,0 L115,115 L130,115 L142,142 L250,250 L250,0 Z"></path><path d="M128.3,109.0 C113.8,99.7 119.0,89.6 119.0,89.6 C122.0,82.7 120.5,78.6 120.5,78.6 C119.2,72.0 123.4,76.3 123.4,76.3 C127.3,80.9 125.5,87.3 125.5,87.3 C122.9,97.6 130.6,101.9 134.4,103.2" fill="currentColor" style="transform-origin: 130px 106px;" class="octo-arm"></path><path d="M115.0,115.0 C114.9,115.1 118.7,116.5 119.8,115.4 L133.7,101.6 C136.9,99.2 139.9,98.4 142.2,98.6 C133.8,88.0 127.5,74.4 143.8,58.0 C148.5,53.4 154.0,51.2 159.7,51.0 C160.3,49.4 163.2,43.6 171.4,40.1 C171.4,40.1 176.1,42.5 178.8,56.2 C183.1,58.6 187.2,61.8 190.9,65.4 C194.5,69.0 197.7,73.2 200.1,77.6 C213.8,80.2 216.3,84.9 216.3,84.9 C212.7,93.1 206.9,96.0 205.4,96.6 C205.1,102.4 203.0,107.8 198.3,112.5 C181.9,128.9 168.3,122.5 157.7,114.1 C157.9,116.9 156.7,120.9 152.7,124.9 L141.0,136.5 C139.8,137.7 141.6,141.9 141.8,141.8 Z" fill="currentColor" class="octo-body"></path></svg>
+</a>
+ 
+{{- end }}
+{{- end }}
+
+<noscript>
+  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
+</noscript>