hexo-theme-stellar 1.33.1 → 1.35.0

package/README.md

@@ -50,6 +50,8 @@ npm i hexo-theme-stellar
 
 See docs: https://xaoxuu.com/wiki/stellar/
 
+> AI docs： https://deepwiki.com/xaoxuu/hexo-theme-stellar/
+
 ## Examples
 
 https://xaoxuu.com/wiki/stellar/examples/

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.33.1'
+  version: '1.35.0'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   main_css: /css/main.css
@@ -9,13 +9,16 @@ stellar:
 
 ######## head tags ########
 preconnect:
-  # - https://gcore.jsdelivr.net
-  # - https://gcore.jsdelivr.net
-  # - https://unpkg.com
+  - https://gcore.jsdelivr.net
+  - https://unpkg.com
+  - https://cdn.jsdelivr.net
+  - https://cdnjs.cloudflare.com
 
 # 一旦设置源站地址，非源站地址将不会被SEO收录，并且访问时弹出提示
 # 如果访问地址不在备用站主机列表，则警告信息为非法克隆
 canonical:
+  closeEnable: true # 是否显示关闭提示按钮
+  closeText: 关闭提示 # 关闭提示按钮的文字描述
   originalHost: # 主站点域名主机，例如 xaoxuu.com
   officialHosts: # 官方主机列表，每行一个，例如 xaoxuu.vercel.app
     - localhost
@@ -311,8 +314,8 @@ comments:
   # Artalk
   # https://artalk.js.org/
   artalk:
-    css: https://unpkg.com/artalk@2.9/dist/Artalk.css
-    js: https://unpkg.com/artalk@2.9/dist/Artalk.js
+    css: https://unpkg.com/artalk@2.9/dist/artalk.css
+    js: https://unpkg.com/artalk@2.9/dist/artalk.js
     server: # 后端服务地址
     site: '' # 站点名称
     darkMode: auto # 其它模式都有问题，慎用，否则后果自负
@@ -451,7 +454,7 @@ tag_plugins:
 
 # 基础依赖
 dependencies:
-  jquery: https://gcore.jsdelivr.net/npm/jquery@3.7/dist/jquery.min.js
+  jquery: https://gcore.jsdelivr.net/npm/jquery@3.7/dist/jquery.slim.min.js
   marked: https://gcore.jsdelivr.net/npm/marked@13.0/lib/marked.umd.min.js
   lazyload:
     js: https://gcore.jsdelivr.net/npm/vanilla-lazyload@19.1/dist/lazyload.min.js
@@ -516,7 +519,8 @@ data_services:
       '_posts/': # https://github.com/xaoxuu/xaoxuu.com/blob/main/source/_posts/
       'wiki/stellar/': https://github.com/xaoxuu/hexo-theme-stellar-docs/blob/main/
     js: /js/services/contributors.js
-
+  rss:
+    js: /js/services/rss.js
 
 # 扩展插件接入方法：(插件名下面用 #plugin# 代替)
 # 1. 在这里增加 #plugin# 配置，至少应含有 enable 字段，默认为空（不启用）
@@ -537,7 +541,6 @@ plugins:
   # available for {% image xxx %}
   fancybox:
     enable: true
-    loader: /js/plugins/fancybox-loader.js
     js: https://gcore.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js
     css: https://gcore.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css
     # 让 md 语法图片支持放大可以这样写: .md-text img:not([class]), .md-text .image img
@@ -557,8 +560,8 @@ plugins:
     enable: #true # 慎用，有些时候打开页面空白
     js: https://gcore.jsdelivr.net/npm/scrollreveal@4.0/dist/scrollreveal.min.js
     distance: 8px
-    duration: 500 # ms
-    interval: 50 # ms
+    duration: 1000 # ms
+    interval: 100 # ms
     scale: 1 # 0.1~1
   
   # AI 摘要
@@ -588,8 +591,8 @@ plugins:
   katex:
     enable: #true # hexo-renderer-markdown-it-plus 默认开启 katex，此选项仅用于引入样式
     inject: |
-      <link rel="stylesheet" href="https://gcore.jsdelivr.net/npm/katex@0.16/dist/katex.min.css" integrity="sha384-vKruj+a13U8yHIkAyGgK1J3ArTLzrFGBbBc0tDp4ad/EyewESeXE/Iv67Aj8gKZ0" crossorigin="anonymous">
-  
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/katex@0.16.23/dist/katex.min.css" integrity="sha384-//SZkxyB7axjCAopkAL1E1rve+ZSPKapD89Lo/lLhcsXR+zOYl5z6zJZEFXil+q0" crossorigin="anonymous">
+
   # MathJax
   # 需在Markdown文件开头加入mathjax: true
   # 推荐使用Pandoc: npm uninstall hexo-renderer-marked --save & npm install hexo-renderer-pandoc --save
@@ -672,7 +675,9 @@ style:
     start: 'linear-gradient(to right, hsl(215, 95%, 64%), hsl(195, 95%, 60%), hsl(165, 95%, 56%), hsl(165, 95%, 56%), hsl(195 95% 60%), hsl(215, 95%, 64%))'
   leftbar:
     # 可以设置：纯色/渐变色/图片作为背景
-    background-color: var(--card) # var(--block)
+    # 设置为纯色时，可以分别设置浅色和深色模式背景色
+    background-color-light: var(--card) # var(--block) #'rgb(#C3C3C3)'
+    background-color-dark: var(--card) # var(--block) #'rgb(#3C3C3C)'
     background-image: url(https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.13/image/sidebar-bg1@small.jpg)
     blur-px: 100px
     blur-bg: var(--bg-a60)

package/layout/_partial/comments/artalk/script.ejs

@@ -1,42 +1,57 @@
-<script type="module">
-  const el = document.getElementById('artalk_container');
-  util.viewportLazyload(el, load_artalk, <%= theme.comments.lazyload ?? false %>);
-
-  function load_artalk() {
-    if (!el) return;
-    utils.css('<%- theme.comments.artalk.css %>');
-    utils.js('<%- theme.comments.artalk.js %>', {defer: true}).then(function () {
-      // 监听 Artalk 事件
-      // FIXME: Artalk开启了懒加载会导致评论输入预览框里的图也变成data-src，导致看不到图
-      // Artalk.use((ctx) => {
-      //   ctx.on('list-loaded', () => window.lazyLoadInstance?.update())
-      // })
-      const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
-      const artalk = Artalk.init({
-        el: '#artalk_container',
-        pageKey: path,
-        pageTitle: '<%= page.title %>',
-        server: '<%= theme.comments.artalk.server %>',
-        site: '<%= theme.comments.artalk.site %>',
-        darkMode: '<%= theme.comments.artalk.darkMode %>',
-        <% if (theme.comments.artalk.imageUploader?.api) { %>
-        imgUploader: function(file) {
-          let headers = new Headers();
-          headers.set('Accept', 'application/json');
-          <% if (theme.comments.artalk.imageUploader?.token) { %>
-            headers.set('Authorization', '<%- theme.comments.artalk.imageUploader?.token %>')
-          <% } %>
-          let formData = new FormData();
-          formData.append('file', file);
-          return fetch('<%- theme.comments.artalk.imageUploader?.api %>',{
-            method: 'POST',
-            body: formData,
-            headers: headers
-            }).then((resp) => resp.json())
-              .then((resp) => resp.<%- theme.comments.artalk.imageUploader?.resp %>)
-          },
-        <% } %>
-      });
-    });
-  }
+<script>
+  (function() {
+    const lazyload = <%= theme.comments.lazyload ?? false %>;
+    
+    function initArtalk() {
+      const el = document.getElementById('artalk_container');
+      if (!el) return;
+      
+      function load_artalk() {
+        utils.css('<%- theme.comments.artalk.css %>');
+        utils.js('<%- theme.comments.artalk.js %>', {defer: true}).then(function () {
+          // 监听 Artalk 事件
+          // FIXME: Artalk开启了懒加载会导致评论输入预览框里的图也变成data-src，导致看不到图
+          // Artalk.use((ctx) => {
+          //   ctx.on('list-loaded', () => window.lazyLoadInstance?.update())
+          // })
+          const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
+          const artalk = Artalk.init({
+            el: '#artalk_container',
+            pageKey: path,
+            pageTitle: '<%= page.title %>',
+            server: '<%= theme.comments.artalk.server %>',
+            site: '<%= theme.comments.artalk.site %>',
+            darkMode: '<%= theme.comments.artalk.darkMode %>',
+            <% if (theme.comments.artalk.imageUploader?.api) { %>
+            imgUploader: function(file) {
+              let headers = new Headers();
+              headers.set('Accept', 'application/json');
+              <% if (theme.comments.artalk.imageUploader?.token) { %>
+                headers.set('Authorization', '<%- theme.comments.artalk.imageUploader?.token %>')
+              <% } %>
+              let formData = new FormData();
+              formData.append('file', file);
+              return fetch('<%- theme.comments.artalk.imageUploader?.api %>',{
+                method: 'POST',
+                body: formData,
+                headers: headers
+                }).then((resp) => resp.json())
+                  .then((resp) => resp.<%- theme.comments.artalk.imageUploader?.resp %>)
+              },
+            <% } %>
+          });
+        });
+      }
+      
+      util.viewportLazyload(el, load_artalk, lazyload);
+    }
+    
+    // Store in global stellar namespace for PJAX reinitialization
+    window.stellar = window.stellar || {};
+    window.stellar.initComments = window.stellar.initComments || {};
+    window.stellar.initComments.artalk = initArtalk;
+    
+    // Initialize on page load
+    initArtalk();
+  })();
 </script>

package/layout/_partial/comments/beaudar/script.ejs

@@ -1,23 +1,38 @@
-<script type="module">
-  const el = document.querySelector('#comments #beaudar');
-  util.viewportLazyload(el, load_beaudar, <%= theme.comments.lazyload ?? false %>);
-
-  function load_beaudar() {
-    if (!el) return;
-    try {
-      el.innerHTML = '';
-    } catch (error) {
-      console.error(error);
-    }
-    const script = document.createElement('script');
-    script.src = 'https://beaudar.lipk.org/client.js';
-    script.async = true;
-    for (const key of Object.keys(el.attributes)) {
-      const attr = el.attributes[key];
-      if (['class', 'id'].includes(attr.name) === false) {
-        script.setAttribute(attr.name, attr.value);
+<script>
+  (function() {
+    const lazyload = <%= theme.comments.lazyload ?? false %>;
+    
+    function initBeaudar() {
+      const el = document.querySelector('#comments #beaudar');
+      if (!el) return;
+      
+      function load_beaudar() {
+        try {
+          el.innerHTML = '';
+        } catch (error) {
+          console.error(error);
+        }
+        const script = document.createElement('script');
+        script.src = 'https://beaudar.lipk.org/client.js';
+        script.async = true;
+        for (const key of Object.keys(el.attributes)) {
+          const attr = el.attributes[key];
+          if (['class', 'id'].includes(attr.name) === false) {
+            script.setAttribute(attr.name, attr.value);
+          }
+        }
+        el.appendChild(script);
       }
+      
+      util.viewportLazyload(el, load_beaudar, lazyload);
     }
-    el.appendChild(script);
-  }
+    
+    // Store in global stellar namespace for PJAX reinitialization
+    window.stellar = window.stellar || {};
+    window.stellar.initComments = window.stellar.initComments || {};
+    window.stellar.initComments.beaudar = initBeaudar;
+    
+    // Initialize on page load
+    initBeaudar();
+  })();
 </script>

package/layout/_partial/comments/giscus/script.ejs

@@ -1,22 +1,37 @@
-<script type="module">
-  const el = document.querySelector('#comments #giscus');
-  util.viewportLazyload(el, load_discus, <%= theme.comments.lazyload ?? false %>);
-
-  function load_discus() {
-    if (!el) return;
-    try {
-        el.innerHTML = '';
-      } catch (error) {
-        console.error(error);
-      }
-      const script = document.createElement('script');
-      script.async = true;
-      for (const key of Object.keys(el.attributes)) {
-        const attr = el.attributes[key];
-        if (['class', 'id'].includes(attr.name) === false) {
-          script.setAttribute(attr.name, attr.value);
+<script>
+  (function() {
+    const lazyload = <%= theme.comments.lazyload ?? false %>;
+    
+    function initGiscus() {
+      const el = document.querySelector('#comments #giscus');
+      if (!el) return;
+      
+      function load_giscus() {
+        try {
+          el.innerHTML = '';
+        } catch (error) {
+          console.error(error);
+        }
+        const script = document.createElement('script');
+        script.async = true;
+        for (const key of Object.keys(el.attributes)) {
+          const attr = el.attributes[key];
+          if (['class', 'id'].includes(attr.name) === false) {
+            script.setAttribute(attr.name, attr.value);
+          }
         }
+        el.appendChild(script);
       }
-      el.appendChild(script);
-  }
+      
+      util.viewportLazyload(el, load_giscus, lazyload);
+    }
+    
+    // Store in global stellar namespace for PJAX reinitialization
+    window.stellar = window.stellar || {};
+    window.stellar.initComments = window.stellar.initComments || {};
+    window.stellar.initComments.giscus = initGiscus;
+    
+    // Initialize on page load
+    initGiscus();
+  })();
 </script>

package/layout/_partial/comments/twikoo/script.ejs

@@ -1,15 +1,30 @@
-<script type="module">
-  const el = document.getElementById('twikoo_container');
-  util.viewportLazyload(el, load_twikoo, <%= theme.comments.lazyload ?? false %>);
-
-  function load_twikoo() {
-    if (!el) return;
-    utils.js('<%- theme.comments.twikoo.js %>', {defer: true}).then(function () {
-      const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
-      twikoo.init(Object.assign(<%- JSON.stringify(theme.comments.twikoo) %>, {
-        el: '#twikoo_container',
-        path: path,
-      }));
-    });
-  }
+<script>
+  (function() {
+    const lazyload = <%= theme.comments.lazyload ?? false %>;
+    
+    function initTwikoo() {
+      const el = document.getElementById('twikoo_container');
+      if (!el) return;
+      
+      function load_twikoo() {
+        utils.js('<%- theme.comments.twikoo.js %>', {defer: true}).then(function () {
+          const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
+          twikoo.init(Object.assign(<%- JSON.stringify(theme.comments.twikoo) %>, {
+            el: '#twikoo_container',
+            path: path,
+          }));
+        });
+      }
+      
+      util.viewportLazyload(el, load_twikoo, lazyload);
+    }
+    
+    // Store in global stellar namespace for PJAX reinitialization
+    window.stellar = window.stellar || {};
+    window.stellar.initComments = window.stellar.initComments || {};
+    window.stellar.initComments.twikoo = initTwikoo;
+    
+    // Initialize on page load
+    initTwikoo();
+  })();
 </script>

package/layout/_partial/comments/utterances/script.ejs

@@ -1,23 +1,38 @@
-<script type="module">
-  const el = document.querySelector("#comments #utterances");
-  util.viewportLazyload(el, load_utterances, <%= theme.comments.lazyload ?? false %>);
-
-  function load_utterances() {
-    if (!el) return;
-    try {
-      el.innerHTML = '';
-    } catch (error) {
-      console.error(error);
-    }
-    const script = document.createElement('script');
-    script.src = 'https://utteranc.es/client.js';
-    script.async = true;
-    for (const key of Object.keys(el.attributes)) {
-      const attr = el.attributes[key];
-      if (['class', 'id'].includes(attr.name) === false) {
-        script.setAttribute(attr.name, attr.value);
+<script>
+  (function() {
+    const lazyload = <%= theme.comments.lazyload ?? false %>;
+    
+    function initUtterances() {
+      const el = document.querySelector("#comments #utterances");
+      if (!el) return;
+      
+      function load_utterances() {
+        try {
+          el.innerHTML = '';
+        } catch (error) {
+          console.error(error);
+        }
+        const script = document.createElement('script');
+        script.src = 'https://utteranc.es/client.js';
+        script.async = true;
+        for (const key of Object.keys(el.attributes)) {
+          const attr = el.attributes[key];
+          if (['class', 'id'].includes(attr.name) === false) {
+            script.setAttribute(attr.name, attr.value);
+          }
+        }
+        el.appendChild(script);
       }
+      
+      util.viewportLazyload(el, load_utterances, lazyload);
     }
-    el.appendChild(script);
-  }
+    
+    // Store in global stellar namespace for PJAX reinitialization
+    window.stellar = window.stellar || {};
+    window.stellar.initComments = window.stellar.initComments || {};
+    window.stellar.initComments.utterances = initUtterances;
+    
+    // Initialize on page load
+    initUtterances();
+  })();
 </script>

package/layout/_partial/comments/waline/script.ejs

@@ -1,36 +1,48 @@
 <script type="module">
   import { init } from '<%- theme.comments.waline.js %>';
 
-  const el = document.getElementById('waline_container');
-  util.viewportLazyload(el, load_waline, <%= theme.comments.lazyload ?? false %>);
-
-  function load_waline(){
+  const lazyload = <%= theme.comments.lazyload ?? false %>;
+  
+  function initWaline() {
+    const el = document.getElementById('waline_container');
     if (!el) return;
 
-    utils.css('<%- theme.comments.waline.css %>');
-    utils.css('<%- theme.comments.waline.meta_css %>');
+    function load_waline() {
+      utils.css('<%- theme.comments.waline.css %>');
+      utils.css('<%- theme.comments.waline.meta_css %>');
 
-    const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
-    const waline = init(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
-      el: '#waline_container',
-      path: path,
-      <% if(!!theme.comments.waline.imageUploader?.api){ %>
-        imageUploader: function(file) {
-          const headers = new Headers();
-          headers.set('Accept', 'application/json');
-          <% if(!!theme.comments.waline.imageUploader?.token) { %>
-            headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
-          <% } %>
-          const formData = new FormData();
-          formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
-          return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
-            method: 'POST',
-            body: formData,
-            headers: headers
-            }).then((resp) => resp.json())
-              .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
-        },
-      <% } %>
-    }));
+      const path = el.getAttribute('comment_id') ?? decodeURI(window.location.pathname);
+      const waline = init(Object.assign(<%- JSON.stringify(theme.comments.waline) %>, {
+        el: '#waline_container',
+        path: path,
+        <% if(!!theme.comments.waline.imageUploader?.api){ %>
+          imageUploader: function(file) {
+            const headers = new Headers();
+            headers.set('Accept', 'application/json');
+            <% if(!!theme.comments.waline.imageUploader?.token) { %>
+              headers.set('<%= theme.comments.waline.imageUploader?.tokenName %>', '<%= theme.comments.waline.imageUploader?.token %>')
+            <% } %>
+            const formData = new FormData();
+            formData.append('<%= theme.comments.waline.imageUploader?.fileName %>', file);
+            return fetch('<%= theme.comments.waline.imageUploader?.api %>',{
+              method: 'POST',
+              body: formData,
+              headers: headers
+              }).then((resp) => resp.json())
+                .then((resp) => resp.<%= theme.comments.waline.imageUploader?.resp %>)
+          },
+        <% } %>
+      }));
+    }
+    
+    util.viewportLazyload(el, load_waline, lazyload);
   }
+  
+  // Store in global stellar namespace for PJAX reinitialization
+  window.stellar = window.stellar || {};
+  window.stellar.initComments = window.stellar.initComments || {};
+  window.stellar.initComments.waline = initWaline;
+  
+  // Initialize on page load
+  initWaline();
 </script>

package/layout/_partial/cover/wiki_cover.ejs

@@ -6,7 +6,7 @@ function layoutWikiCover() {
     return el;
   }
   if (proj.homepage.path !== page.path) {
-    return;
+    return el;
   }
   if (proj.coverpage == undefined || proj.coverpage === false || proj.coverpage === '[]') {
     return el;

package/layout/_partial/head.ejs

@@ -70,6 +70,46 @@ function og_args() {
   return Object.assign(args, page.open_graph);
 }
 
+function escape_meta_content(content) {
+  return String(content || '')
+    .replace(/&/g, '&')
+    .replace(/"/g, '"')
+    .replace(/</g, '&lt;')
+    .replace(/>/g, '&gt;');
+}
+
+function generate_og_title() {
+  return escape_meta_content(strip_html(page.title || config.title));
+}
+
+function generate_og_site_name() {
+  if (page.layout === 'post' && page.title) {
+    return generate_og_title();
+  }
+  return escape_meta_content(strip_html(config.title));
+}
+
+function render_open_graph() {
+  if (!(theme.open_graph && theme.open_graph.enable)) {
+    return '';
+  }
+  let meta = open_graph(og_args());
+  meta = meta.replace(/<meta property="og:title" content="[^"]*">/, `<meta property="og:title" content="${generate_og_title()}">`);
+  if (meta.match(/<meta property="og:site_name" content="[^"]*">/)) {
+    meta = meta.replace(/<meta property="og:site_name" content="[^"]*">/, `<meta property="og:site_name" content="${generate_og_site_name()}">`);
+  } else {
+    meta += `<meta property="og:site_name" content="${generate_og_site_name()}">`;
+  }
+  if (page.title) {
+    if (meta.match(/<meta name="twitter:title" content="[^"]*">/)) {
+      meta = meta.replace(/<meta name="twitter:title" content="[^"]*">/, `<meta name="twitter:title" content="${generate_og_title()}">`);
+    } else {
+      meta += `<meta name="twitter:title" content="${generate_og_title()}">`;
+    }
+  }
+  return meta;
+}
+
 function preconnect() {
   var el = '';
   for (let href of (theme.preconnect || [])) {
@@ -99,9 +139,6 @@ function generate_canonical() {
     if (path.startsWith('/404') || path.startsWith('404')) {
       return '';
     }
-    if (path.endsWith('.html') && path.length > 5) {
-      path = path.split('.html')[0];
-    }
     return `<link rel="canonical" href="https://${originalHost}${path}">`;
   }
   return '';
@@ -127,18 +164,27 @@ function generate_canonical() {
   <meta name="theme-color" content="#f9fafb">
   <title><%- generate_title() %></title>
 
-  <% if (theme.open_graph && theme.open_graph.enable) { %>
-    <%- open_graph(og_args()) %>
-  <% } %>
+  <%- render_open_graph() %>
   <%- generate_description() %>
   
   <%- generate_keywords() %>
 
   <!-- feed -->
   <% if (config.feed && config.feed.path) { %>
-    <%- feed_tag(config.feed.path, {title: config.title}) %>
+    <%
+      var paths = Array.isArray(config.feed.path)
+        ? config.feed.path
+        : [config.feed.path];
+    %>
+
+    <% paths.forEach(function (path) { %>
+      <% if (path) { %>
+        <%- feed_tag(path, { title: config.title }) %>
+      <% } %>
+    <% }) %>
   <% } %>
 
+  <link rel="preload" href="<%- url_for(`${theme.stellar.main_css}?v=${stellar_info('version')}`) %>" as="style">
   <link rel="stylesheet" href="<%- url_for(`${theme.stellar.main_css}?v=${stellar_info('version')}`) %>">
 
 

package/layout/_partial/scripts/defines.ejs

@@ -4,10 +4,30 @@
   const canonicalWithEncoded = Object.assign({}, canonical, {
     encoded: encoded
   });
+  const permalink = page.permalink || canonical.originalHost;
+  const checklink = theme.data_services.video.js
 %>
 
 <script type="text/javascript">
   window.canonical = <%- JSON.stringify(canonicalWithEncoded) %>;
+  window.canonical["param"] = <%- JSON.stringify({permalink, checklink}) %>;
+  // Fix: Ensure page is at the correct top position on data load
+  if (history.scrollRestoration) {
+    history.scrollRestoration = 'auto';
+  }
+  (function() {
+    const scrollHandler = () => {
+      const wikiCover = document.querySelector('#l_cover .l_cover.wiki');
+      const startEl = document.getElementById('start');
+      if (wikiCover && startEl) {
+        window.scrollTo(0, startEl.offsetTop);
+      } else {
+        window.scrollTo(0, 0);
+      }
+    };
+    if (document.readyState !== 'loading') scrollHandler();
+    else document.addEventListener('DOMContentLoaded', scrollHandler);
+  })();
   const ctx = {
     date_suffix: {
       just: `<%- __('meta.date_suffix.just') %>`,
@@ -38,8 +58,6 @@
   const deps = {
     jquery: `<%- url_for(theme.dependencies.jquery) %>`,
     marked: `<%- url_for(theme.dependencies.marked) %>`,
-    lazyload: `<%- url_for(theme.dependencies.lazyload) %>`
+    lazyload: `<%- url_for(theme.dependencies.lazyload.js) %>`
   }
-  
-
 </script>