hexo-theme-fluid 1.9.8 → 1.9.9

package/README.md

@@ -111,18 +111,16 @@ layout: about
 <table>
   <thead>
     <tr>
-      <th align="center" style="width: 240px;">
-        <a href="https://flowus.cn/share/eebf2144-8db7-4d68-b31e-bc2c116871de">
-          <img src="https://github-production-user-asset-6210df.s3.amazonaws.com/32983588/243899272-092eeb46-9172-4c10-9e72-53561ff37a00.png" height="200px"><br>
-          <sub>首席赞助商 ORENCEAI</sub><br>
-          <sub>全新的 ChatGPT 人工智能对话平台</sub>
-        </a>
-      </th>
       <th align="center" style="width: 240px;">
         <a href="https://www.jetbrains.com/?from=hexo-theme-fluid">
           <img src="https://raw.githubusercontent.com/fluid-dev/static/690616966f34a58d66aa15ac7b550dd7bbc03967/hexo-theme-fluid/jetbrains.svg" height="200px"><br>
           <sub>免费开发工具提供方 JetBrains</sub><br>
-          <sub>专注于创建智能开发工具</sub>
+        </a>
+      </th>
+      <th align="center" style="width: 240px;">
+        <a href="https://dartnode.com">
+          <img src="https://dartnode.com/branding/DN-Open-Source-sm.png" height="200px"><br>
+          <sub>免费 VPS 提供方 DartNode</sub><br>
         </a>
       </th>
     </tr>
@@ -146,21 +144,12 @@ layout: about
 <table>
   <thead>
     <tr>
-      <th align="center" style="width: 240px;">
+      <th align="center" width="240">
         <div>
           <img src="https://github.com/fluid-dev/static/blob/master/hexo-theme-fluid/sponsor.png?s=200&v=4" height="200px" alt="微信赞赏码"><br>
           <sub>微信赞赏码</sub>
         </div>
       </th>
-      <th align="center" style="width: 240px;">
-        <div>
-          <a href="https://etherscan.io/address/0x0021395954710be29c0BFDCB3f98f4D2fa5A1448">
-            <img src="https://avatars.githubusercontent.com/u/6250754?s=200&v=4" height="200px" alt="ERC20 Token">
-          </a>
-          <br>
-          <sub>ERC20 Token: 0x0021395954710<br>be29c0BFDCB3f98f4D2fa5A1448</sub>
-        </div>
-      </th>
     </tr>
   </thead>
 </table>

package/_config.yml

@@ -282,9 +282,23 @@ web_analytics:
     # If true, ignore localhost & 127.0.0.1
     ignore_local: false
 
+  # OpenKounter 计数统计（基于 EdgeOne Pages），可用于 PV UV 展示
+  # OpenKounter count statistics (based on EdgeOne Pages), which can be used for PV UV display
+  # See: https://github.com/Mintimate/open-kounter
+  openkounter:
+    # OpenKounter API 服务器地址
+    # OpenKounter API server URL
+    server_url: https://open-kounter.mintimate.cn
+    # 统计页面时获取路径的属性，通常使用 window.location.pathname
+    # Get the attribute of the page path during statistics
+    path: window.location.pathname
+    # 开启后不统计本地路径（localhost、127.0.0.1、[::1]）
+    # If true, ignore localhost & 127.0.0.1 & [::1]
+    ignore_local: false
+
   # Umami Analytics，仅支持自部署。如果要展示 PV UV 需要填写所有配置项，否则只填写 `src` 和 `website_id` 即可
   # Umami Analytics, only Self-host support. If you want to display PV UV need to set all config items, otherwise only set 'src' and 'website_id'
-  # See: https://umami.is/docs/authentication
+  # See: https://umami.is/docs
   umami:
     # umami js 文件地址，需要在 umami 后台创建站点后获取
     # umami js file url, get after create website in umami
@@ -399,6 +413,10 @@ search:
 # 首屏图片的相关配置
 # Config of the big image on the first screen
 banner:
+  # 是否开启所有页面的随机头图，仅在页面对应 banner_img 为空时生效，将图片放在 source/img/random/ 目录下
+  # Enable random banner for all pages, only works when banner_img is empty, put images in the directory `source/img/random/`
+  random_img: false
+
   # 视差滚动，图片与板块会随着屏幕滚动产生视差效果
   # Scrolling parallax
   parallax: true
@@ -456,9 +474,9 @@ footer:
   statistics:
     enable: false
 
-    # 统计数据来源，使用 leancloud, umami 需要设置 `web_analytics` 中对应的参数；使用 busuanzi 不需要额外设置，但是有时不稳定，另外本地运行时 busuanzi 显示统计数据很大属于正常现象，部署后会正常
-    # Data source. If use leancloud, umami, you need to set the parameter in `web_analytics`
-    # Options: busuanzi | leancloud | umami
+    # 统计数据来源，使用 leancloud, umami, openkounter 需要设置 `web_analytics` 中对应的参数；使用 busuanzi 不需要额外设置，但是有时不稳定，另外本地运行时 busuanzi 显示统计数据很大属于正常现象，部署后会正常
+    # Data source. If use leancloud, umami, openkounter, you need to set the parameter in `web_analytics`
+    # Options: busuanzi | leancloud | umami | openkounter
     source: "busuanzi"
 
   # 国内大陆服务器的备案信息
@@ -499,8 +517,8 @@ index:
   slogan:
     enable: true
 
-    # 为空则按 hexo config.subtitle 显示
-    # If empty, text based on `subtitle` in hexo config
+    # 为空则按 hexo config.subtitle 显示，支持列表格式来实现随机选择一行文字显示
+    # If empty, text based on `subtitle` in hexo config, support list format to random selection of a row for display
     text: "An elegant Material-Design theme for Hexo"
 
     # 通过 API 接口作为首页副标题的内容，必须返回的是 JSON 格式，如果请求失败则按 text 字段显示，该功能必须先开启 typing 打字机功能
@@ -650,6 +668,9 @@ post:
   # Table of contents (TOC) in the sidebar
   toc:
     enable: true
+    # 进入文章时是否默认展开全部目录
+    # Expand all TOC items on enter
+    expand_all: true
 
     # 置于板块的左侧或右侧
     # place in the board
@@ -779,11 +800,16 @@ utterances:
 # See: https://disqus.com
 disqus:
   shortname:
-  # 以下为 Disqusjs 支持, 国内用户如果想使用 Disqus 建议配合使用
-  # The following are Disqusjs configurations, please ignore if DisqusJS is not required
+  # 以下为 Disqusjs 支持, 国内用户如果想使用 Disqus 建议配合使用，支持填入多个 apikey，建议自行搭建 api 端点
+  # The following are Disqusjs configurations, please ignore if DisqusJS is not required, it supports filling in multiple apikeys, it is recommended to build the API endpoint by yourself
   # See: https://github.com/SukkaW/DisqusJS
   disqusjs: false
   apikey:
+    - 'KEY1'
+    #- 'KEY2'
+  api: https://disqus.skk.moe/disqus/
+  admin:
+  adminLabel:
 
 # Gitalk
 # 基于 GitHub Issues
@@ -1114,7 +1140,7 @@ static_prefix:
 
   valine: https://lib.baomitu.com/valine/1.5.1/
 
-  waline: https://registry.npmmirror.com/@waline/client/2.15.8/files/dist/
+  waline: https://lib.baomitu.com/waline/3.6.0/
 
   gitalk: https://lib.baomitu.com/gitalk/1.8.0/
 

package/languages/de.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'Stichwort'
 
 noscript_warning: 'Blog funktioniert am besten mit aktiviertem JavaScript'
+
+darkmode:
+  light: 'Hell'
+  dark: 'Dunkel'

package/languages/en.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'Keyword'
 
 noscript_warning: 'Blog works best with JavaScript enabled'
+
+darkmode:
+  light: 'Light'
+  dark: 'Dark'

package/languages/eo.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'ŝlosivorto'
 
 noscript_warning: 'Blogo funkcias plej bone kun JavaScript ebligita'
+
+darkmode:
+  light: 'Hela'
+  dark: 'Malhela'

package/languages/es.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'Palabra clave'
 
 noscript_warning: 'El blog funciona mejor con JavaScript habilitado'
+
+darkmode:
+  light: 'Claro'
+  dark: 'Oscuro'

package/languages/ja.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'キーワード'
 
 noscript_warning: 'ブログは JavaScript を有効にすると最適に機能します'
+
+darkmode:
+  light: 'ライト'
+  dark: 'ダーク'

package/languages/ru.yml

@@ -68,3 +68,7 @@ search:
   keyword: 'Ключевое слово'
 
 noscript_warning: 'Блог лучше всего работает с включенным JavaScript'
+
+darkmode:
+  light: 'Светлая'
+  dark: 'Тёмная'

package/languages/zh-CN.yml

@@ -68,3 +68,7 @@ search:
   keyword: '关键词'
 
 noscript_warning: '博客在允许 JavaScript 运行的环境下浏览效果更佳'
+
+darkmode:
+  light: '开灯'
+  dark: '关灯'

package/languages/zh-HK.yml

@@ -68,3 +68,7 @@ search:
   keyword: '關鍵字'
 
 noscript_warning: '博客在允許 JavaScript 運行的環境下瀏覽效果更佳'
+
+darkmode:
+  light: '開燈'
+  dark: '關燈'

package/languages/zh-TW.yml

@@ -52,12 +52,12 @@ post:
     posted: '發布於'
     updated: '更新於'
     licensed: '許可協議'
-    CC: 'CC - 知識共享許可協議'
-    BY: 'BY - 署名'
-    SA: 'SA - 相同方式共享'
-    NC: 'NC - 非商業性使用'
-    ND: 'ND - 禁止演繹'
-    ZERO: 'CC0 - 無著作權'
+    CC: 'CC - 創用 CC 授權'
+    BY: 'BY - 姓名標示'
+    SA: 'SA - 相同方式分享'
+    NC: 'NC - 非商業性'
+    ND: 'ND - 禁止改作'
+    ZERO: 'CC0 - 公眾領域貢獻宣告'
 
 footer:
   pv: '總訪問量 {} 次'
@@ -67,4 +67,8 @@ search:
   title: '搜尋'
   keyword: '關鍵字'
 
-noscript_warning: '博客在允許 JavaScript 運行的環境下瀏覽效果更佳'
+noscript_warning: '部落格在允許 JavaScript 執行的環境下瀏覽效果更佳'
+
+darkmode:
+  light: '開燈'
+  dark: '關燈'

package/layout/_partials/comments/cusdis.ejs

@@ -1,6 +1,7 @@
 <% if (theme.cusdis.host && theme.cusdis.app_id) { %>
-  <div class="cusdis" style="width:100%">
+  <div class="cusdis" style="width:100%; overflow:visible; min-height:480px;">
     <div id="cusdis_thread"
+      style="width:100%; overflow:visible;"
       data-host="<%= theme.cusdis.host %>"
       data-app-id="<%= theme.cusdis.app_id %>"
       data-page-id="<%= md5(page.path) %>"
@@ -15,6 +16,37 @@
       Fluid.utils.createScript('<%= url_join(theme.cusdis.host,
         `/js/widget/lang/${ String(theme.cusdis.lang || 'zh-cn').toLowerCase() }.js`) %>');
       Fluid.utils.createScript('<%= url_join(theme.cusdis.host, 'js/cusdis.es.js') %>');
+
+      // 取消容器滚动条，尝试让 iframe 展开显示
+      var container = document.querySelector('.cusdis');
+      var thread = document.querySelector('#cusdis_thread');
+      if (container) container.style.overflow = 'visible';
+      if (thread) thread.style.overflow = 'visible';
+
+      // 等待 widget 加载后调整 iframe 样式
+      setTimeout(function() {
+        try {
+          var iframe = thread && thread.querySelector('iframe');
+          if (iframe) {
+            iframe.style.width = '100%';
+            iframe.style.border = 'none';
+            iframe.style.overflow = 'visible';
+            iframe.style.minHeight = '600px';
+            iframe.setAttribute('scrolling', 'no');
+
+            // 若同源，尝试根据内容自适应高度
+            try {
+              var doc = iframe.contentDocument || iframe.contentWindow.document;
+              if (doc && doc.body) {
+                iframe.style.height = doc.body.scrollHeight + 'px';
+              }
+            } catch (e) {
+            }
+          }
+        } catch (e) {
+        }
+      }, 600);
+
       var schema = document.documentElement.getAttribute('data-user-color-scheme');
       if (schema) {
         document.querySelector('#cusdis_thread').dataset.theme = schema

package/layout/_partials/comments/disqus.ejs

@@ -8,7 +8,12 @@
           Fluid.utils.createScript('<%= url_join(theme.static_prefix.disqusjs, 'disqus.js') %>', function() {
             new DisqusJS({
               shortname: '<%= theme.disqus.shortname %>',
-              apikey: '<%= theme.disqus.apikey %>'
+              apikey: <%- JSON.stringify(theme.disqus.apikey) %>,
+              api: '<%= theme.disqus.api %>',
+              url: '<%= page.permalink %>',
+              identifier: '<%= url_for(page.path) %>',
+              admin: '<%= theme.disqus.admin %>',
+              adminLabel: '<%= theme.disqus.adminLabel %>'
             });
           });
         });

package/layout/_partials/comments/waline.ejs

@@ -1,9 +1,9 @@
 <% if (theme.waline.serverURL) { %>
   <div id="waline"></div>
-  <script type="text/javascript">
+  <script type="module">
     Fluid.utils.loadComments('#waline', function() {
       Fluid.utils.createCssLink('<%= url_join(theme.static_prefix.waline, 'waline.css') %>')
-      Fluid.utils.createScript('<%= url_join(theme.static_prefix.waline, 'waline.js') %>', function() {
+      import('<%= url_join(theme.static_prefix.waline, 'waline.js') %>').then(({ init }) => {
         var options = Object.assign(
           <%- JSON.stringify(theme.waline || {}) %>,
           {
@@ -11,7 +11,7 @@
             path: <%= theme.waline.path %>
           }
         )
-        Waline.init(options);
+        init(options);
         Fluid.utils.waitElementVisible('#waline .vcontent', () => {
           var imgSelector = '#waline .vcontent img:not(.vemoji)';
           Fluid.plugins.imageCaption(imgSelector);

package/layout/_partials/footer/statistics.ejs

@@ -19,6 +19,23 @@
     <% } %>
     <% import_js(theme.static_prefix.internal_js, 'leancloud.js', 'defer') %>
 
+  <% } else if (theme.footer.statistics.source === 'openkounter') { %>
+    <% if (pv_texts.length >= 2) { %>
+      <span id="openkounter-site-pv-container" style="display: none">
+        <%- pv_texts[0] %>
+        <span id="openkounter-site-pv"></span>
+        <%- pv_texts[1] %>
+      </span>
+    <% } %>
+    <% if (uv_texts.length >= 2) { %>
+      <span id="openkounter-site-uv-container" style="display: none">
+        <%- uv_texts[0] %>
+        <span id="openkounter-site-uv"></span>
+        <%- uv_texts[1] %>
+      </span>
+    <% } %>
+    <% import_js(theme.static_prefix.internal_js, 'openkounter.js', 'defer') %>
+
   <% } else if (theme.footer.statistics.source === 'busuanzi') { %>
     <% if (pv_texts.length >= 2) { %>
       <span id="busuanzi_container_site_pv" style="display: none">

package/layout/_partials/header/banner.ejs

@@ -1,14 +1,35 @@
 <%
-var banner_img = page.banner_img || theme.index.banner_img
+var banner_img = page.banner_img || (is_post() && theme.post ? theme.post.banner_img : theme.index.banner_img)
+var random_enabled = theme.banner && typeof theme.banner.random_img === 'boolean'
+  ? theme.banner.random_img
+  : false
+var random_banner_list = []
+if (!banner_img && random_enabled && Array.isArray(theme.banner_img_list) && theme.banner_img_list.length > 0) {
+  for (var i = 0; i < theme.banner_img_list.length; i++) {
+    random_banner_list.push(url_for(theme.banner_img_list[i]))
+  }
+  banner_img = random_banner_list[0]
+}
+var random_banner_attr = ''
+if (random_banner_list.length > 0) {
+  random_banner_attr = "data-random-banner='" + random_banner_list.join(',') + "'"
+}
+var banner_attrs = ''
+if (theme.banner && theme.banner.parallax) {
+  banner_attrs += ' parallax=true'
+}
+if (random_banner_attr) {
+  banner_attrs += ' ' + random_banner_attr
+}
 var banner_img_height = parseFloat(page.banner_img_height || theme.index.banner_img_height)
 var banner_mask_alpha = parseFloat(page.banner_mask_alpha || theme.index.banner_mask_alpha)
 var subtitle = page.subtitle || page.title
 %>
 
-<div id="banner" class="banner" <%- theme.banner && theme.banner.parallax && 'parallax=true' %>
+<div id="banner" class="banner"<%- banner_attrs %>
      style="background: url('<%- url_for(banner_img) %>') no-repeat center center; background-size: cover;">
   <div class="full-bg-img">
-    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, <%= parseFloat(banner_mask_alpha) %>)">
+    <div class="mask flex-center" style="background-color: rgba(0, 0, 0, <%= banner_mask_alpha %>)">
       <div class="banner-text text-center fade-in-up">
         <div class="h2">
           <% if(theme.fun_features.typing.enable && in_scope(theme.fun_features.typing.scope)) { %>
@@ -31,3 +52,18 @@ var subtitle = page.subtitle || page.title
     </div>
   </div>
 </div>
+
+<% if (random_banner_list.length > 0) { %>
+  <script>
+    (function() {
+      var banner = document.getElementById('banner');
+      if (!banner) return;
+      var list = banner.getAttribute('data-random-banner');
+      if (!list) return;
+      list = list.split(',').filter(Boolean);
+      if (list.length === 0) return;
+      var pick = list[Math.floor(Math.random() * list.length)];
+      banner.style.backgroundImage = "url('" + pick + "')";
+    })();
+  </script>
+<% } %>

package/layout/_partials/header/navigation.ejs

@@ -10,7 +10,7 @@
       <div class="animated-icon"><span></span><span></span><span></span></div>
     </button>
 
-    <!-- Collapsible content -->
+    <!-- Collapsible content (desktop) -->
     <div class="collapse navbar-collapse" id="navbarSupportedContent">
       <ul class="navbar-nav ml-auto text-center">
         <% for(const each of theme.navbar.menu || []) { %>
@@ -68,3 +68,76 @@
     </div>
   </div>
 </nav>
+
+<!-- Mobile grid menu overlay -->
+<div id="mobile-grid-menu" class="d-lg-none">
+  <div class="mobile-grid-menu-inner">
+    <div class="container">
+      <div class="row">
+        <% for(const each of theme.navbar.menu || []) { %>
+          <% if (!each.submenu && !each.link) continue %>
+          <% var gridText = each.name || __(each.key + '.menu') || __(each.key + '.title') %>
+          <% if (gridText.indexOf('.menu') !== -1 || gridText.indexOf('.title') !== -1) {
+            gridText = each.key
+          } %>
+          <% if (each.submenu) { %>
+            <%
+              // Flatten submenu items as grid cells grouped under a header
+              // First render the parent as a header row, then sub items
+            %>
+            <div class="col-12 mobile-grid-group-header">
+              <%- each.icon ? '<i class="' + each.icon + '"></i>' : '' %>
+              <span><%- gridText %></span>
+            </div>
+            <% for(const subEach of each.submenu || []) { %>
+              <% if (!subEach.link) continue %>
+              <% var subGridText = subEach.name || __(subEach.key + '.title') %>
+              <% if (subGridText.indexOf('.title') !== -1) {
+                subGridText = subEach.key
+              } %>
+              <div class="col-4 mobile-grid-cell">
+                <a href="<%= url_for(subEach.link) %>" target="<%= subEach.target || '_self' %>">
+                  <div class="mobile-grid-item">
+                    <%- subEach.icon ? '<i class="' + subEach.icon + '"></i>' : '<i class="iconfont icon-link-fill"></i>' %>
+                    <span><%- subGridText %></span>
+                  </div>
+                </a>
+              </div>
+            <% } %>
+          <% } else { %>
+            <div class="col-4 mobile-grid-cell">
+              <a href="<%= url_for(each.link) %>" target="<%= each.target || '_self' %>">
+                <div class="mobile-grid-item">
+                  <%- each.icon ? '<i class="' + each.icon + '"></i>' : '<i class="iconfont icon-link-fill"></i>' %>
+                  <span><%- gridText %></span>
+                </div>
+              </a>
+            </div>
+          <% } %>
+        <% } %>
+        <% if(theme.search.enable) { %>
+          <div class="col-4 mobile-grid-cell" id="mobile-search-btn">
+            <a href="javascript:;" data-toggle="modal" data-target="#modalSearch" aria-label="Search">
+              <div class="mobile-grid-item">
+                <i class="iconfont icon-search"></i>
+                <span><%= __('search.title') !== 'search.title' ? __('search.title') : 'Search' %></span>
+              </div>
+            </a>
+          </div>
+        <% } %>
+        <% if(theme.dark_mode && theme.dark_mode.enable) { %>
+          <div class="col-4 mobile-grid-cell" id="mobile-color-toggle-btn"
+               data-label-light="<%= __('darkmode.light') %>"
+               data-label-dark="<%= __('darkmode.dark') %>">
+            <a href="javascript:;" aria-label="Color Toggle">
+              <div class="mobile-grid-item">
+                <i class="iconfont icon-dark" id="mobile-color-toggle-icon"></i>
+                <span id="mobile-color-toggle-label"><%= __('darkmode.dark') %></span>
+              </div>
+            </a>
+          </div>
+        <% } %>
+      </div>
+    </div>
+  </div>
+</div>

package/layout/_partials/plugins/analytics.ejs

@@ -67,4 +67,9 @@
   <% if(theme.web_analytics.leancloud && theme.web_analytics.leancloud.app_id && theme.web_analytics.leancloud.app_key) { %>
     <% import_js(theme.static_prefix.internal_js, 'leancloud.js', 'defer') %>
   <% } %>
+
+  <% if(theme.web_analytics.openkounter && theme.web_analytics.openkounter.server_url) { %>
+    <% import_js(theme.static_prefix.internal_js, 'openkounter.js', 'defer') %>
+  <% } %>
+
 <% } %>

package/layout/_partials/plugins/typed.ejs

@@ -40,6 +40,10 @@
             typing(text);
           }
         })
+      <% } else if (is_home() && Array.isArray(theme.index.slogan.text) && theme.index.slogan.text.length > 0) { %>
+        var texts = <%- JSON.stringify(theme.index.slogan.text) %>;
+        var idx = Math.floor(Math.random() * texts.length);
+        typing(texts[idx]);
       <% } else { %>
         typing(text);
       <% } %>

package/layout/_partials/post/copyright.ejs

@@ -12,7 +12,7 @@
   <div class="license-box my-3">
     <div class="license-title">
       <div><%= page.title %></div>
-      <div><%= decode_url(page.permalink) %></div>
+      <div><%= decode_url(full_url_for(page.path)) %></div>
     </div>
     <div class="license-meta">
       <% if (theme.post.copyright.author.enable && (page.author || config.author)) { %>

package/layout/_partials/post/meta-top.ejs

@@ -51,7 +51,13 @@
           <%- views_texts[0] %><span id="leancloud-page-views"></span><%- views_texts[1] %>
         </span>
         <% import_js(theme.static_prefix.internal_js, 'leancloud.js', 'defer') %>
-      
+      <% } else if (theme.post.meta.views.source === 'openkounter')  { %>
+        <span id="openkounter-page-views-container" style="display: none">
+          <i class="iconfont icon-eye" aria-hidden="true"></i>
+          <%- views_texts[0] %><span id="openkounter-page-views"></span><%- views_texts[1] %>
+        </span>
+        <% import_js(theme.static_prefix.internal_js, 'openkounter.js', 'defer') %>
+
       <% } else if (theme.post.meta.views.source === 'busuanzi')  { %>
         <span id="busuanzi_container_page_pv" style="display: none">
           <i class="iconfont icon-eye" aria-hidden="true"></i>

package/layout/_partials/post/toc.ejs

@@ -15,7 +15,63 @@ import_script(`
     var boardCtn = jQuery('#board-ctn');
     var boardTop = boardCtn.offset().top;
 
-    window.tocbot.init(Object.assign({
+    function isExpandAllEnabled() {
+      return CONFIG.toc && CONFIG.toc.expand_all === true;
+    }
+    function expandAllToc() {
+      if (!isExpandAllEnabled()) { return; }
+      jQuery('#toc-body .tocbot-is-collapsed').removeClass('tocbot-is-collapsed');
+    }
+    function updateTocToggle($li, $childList) {
+      var $toggle = $li.children('.toc-toggle');
+      if ($toggle.length === 0) { return; }
+      var collapsed = $childList.hasClass('tocbot-is-collapsed');
+      $toggle
+        .toggleClass('toc-toggle-collapsed', collapsed)
+        .toggleClass('toc-toggle-expanded', !collapsed);
+    }
+    function bindTocToggle() {
+      if (!isExpandAllEnabled()) { return; }
+      jQuery('#toc-body .toc-list-item').each(function() {
+        var $li = jQuery(this);
+        var $childList = $li.children('ol');
+        if ($childList.length === 0) {
+          if ($li.children('.toc-toggle').length === 0) {
+            $li.prepend('<span class="toc-toggle toc-toggle-placeholder" aria-hidden="true">›</span>');
+          }
+          return;
+        }
+
+        if ($li.children('.toc-toggle').length === 0) {
+          $li.prepend('<span class="toc-toggle toc-toggle-expanded" aria-hidden="true">›</span>');
+        }
+        updateTocToggle($li, $childList);
+      });
+      jQuery('#toc-body').off('click.tocToggle').on('click.tocToggle', '.toc-toggle', function(e) {
+        e.preventDefault();
+        e.stopPropagation();
+        var $li = jQuery(this).parent('.toc-list-item');
+        var $childList = $li.children('ol');
+        if ($childList.length === 0) { return; }
+        $childList.toggleClass('tocbot-is-collapsed');
+        updateTocToggle($li, $childList);
+      });
+      if (!window.__tocToggleObserver) {
+        window.__tocToggleObserver = new MutationObserver(function(mutations) {
+          mutations.forEach(function(mutation) {
+            if (mutation.type !== 'attributes' || mutation.attributeName !== 'class') { return; }
+            var $list = jQuery(mutation.target);
+            var $li = $list.parent('.toc-list-item');
+            if ($li.length === 0) { return; }
+            updateTocToggle($li, $list);
+          });
+        });
+        jQuery('#toc-body ol').each(function() {
+          window.__tocToggleObserver.observe(this, { attributes: true });
+        });
+      }
+    }
+    var tocConfig = Object.assign({
       tocSelector     : '#toc-body',
       contentSelector : '.markdown-body',
       linkClass       : 'tocbot-link',
@@ -26,10 +82,16 @@ import_script(`
       scrollSmooth    : true,
       includeTitleTags: true,
       headingsOffset  : -boardTop,
-    }, CONFIG.toc));
+    }, CONFIG.toc);
+    if (isExpandAllEnabled()) {
+      tocConfig.collapseDepth = 6;
+    }
+    window.tocbot.init(tocConfig);
     if (toc.find('.toc-list-item').length > 0) {
       toc.css('visibility', 'visible');
     }
+    expandAllToc();
+    bindTocToggle();
 
     Fluid.events.registerRefreshCallback(function() {
       if ('tocbot' in window) {
@@ -41,6 +103,8 @@ import_script(`
         if (toc.find('.toc-list-item').length > 0) {
           toc.css('visibility', 'visible');
         }
+        expandAllToc();
+        bindTocToggle();
       }
     });
   });

package/layout/index.ejs

@@ -7,6 +7,7 @@ page.banner_img_height = theme.index.banner_img_height
 page.banner_mask_alpha = theme.index.banner_mask_alpha
 %>
 
+<h1 style="display: none"><%= config.title %></h1>
 <% page.posts.each(function (post) { %>
   <div class="row mx-auto index-card">
     <% var post_url = url_for(post.path), index_img = post.index_img || theme.post.default_index_img %>