Hexo-ShokaX-v0.5.1搭建

/**

 * Hexo 开发模式热更新脚本

 * 原理：轮询检测服务器返回的内容变化，刷新页面并恢复滚动位置

 * 仅在 hexo server 模式下生效

 * 支持密码保护页面（hexo-blog-encrypt）

 */

hexo.extend.filter.register('after_render:html', function(str) {

  // 仅开发模式启用

  if (process.env.NODE_ENV === 'production') return str;

  const script = `

    <script>

      (function() {

        if (location.hostname !== 'localhost' && location.hostname !== '127.0.0.1') return;

        const POLL_INTERVAL = 1000;

        const STORAGE_KEY = '_hotReloadScroll';

        const contentSelector = '.body.md';

        let lastContent = null; // null 表示尚未初始化

        // 恢复滚动位置

        const saved = sessionStorage.getItem(STORAGE_KEY);

        if (saved) {

          sessionStorage.removeItem(STORAGE_KEY);

          requestAnimationFrame(() => window.scrollTo(0, parseInt(saved, 10)));

        }

        // 从 HTML 字符串中提取内容用于比较

        function extractContent(html) {

          const parser = new DOMParser();

          const doc = parser.parseFromString(html, 'text/html');

          const el = doc.querySelector(contentSelector);

          if (!el) return '';

          // 使用 textContent 忽略 HTML 结构差异

          return el.textContent.replace(/\\s+/g, ' ').trim();

        }

        async function checkUpdate() {

          try {

            const res = await fetch(location.href, { cache: 'no-store' });

            const html = await res.text();

            const newContent = extractContent(html);

            // 首次运行，记录初始内容

            if (lastContent === null) {

              lastContent = newContent;

              console.log('[HotReload] 已初始化');

              return;

            }

            if (newContent !== lastContent) {

              console.log('[HotReload] 检测到内容变化，刷新页面');

              sessionStorage.setItem(STORAGE_KEY, window.scrollY.toString());

              location.reload();

              return;

            }

          } catch (e) {

            console.error('[HotReload] 检查更新失败:', e);

          }

        }

        // 立即执行一次获取初始内容，然后开始轮询

        checkUpdate();

        setInterval(checkUpdate, POLL_INTERVAL);

        console.log('[HotReload] 已启用');

      })();

    </script>

  `;

  return str.replace('</body>', script + '</body>');

});

/**

 * 自动为 hexo-theme-shokax 的 siteInit.ts 注入 hexo-blog-decrypt 事件监听

 * 解决密码保护页面解密后渲染错误的问题

 */

const fs = require('fs');

const path = require('path');

hexo.on('generateBefore', function() {

  const siteInitPath = path.join(

    hexo.base_dir,

    'node_modules/hexo-theme-shokax/source/js/_app/pjax/siteInit.ts'

  );

  // 检查文件是否存在

  if (!fs.existsSync(siteInitPath)) {

    hexo.log.warn('[PatchSiteInit] 未找到 siteInit.ts，跳过补丁');

    return;

  }

  let content = fs.readFileSync(siteInitPath, 'utf8');

  // 检查是否已经包含补丁代码

  if (content.includes("window.addEventListener('hexo-blog-decrypt'")) {

    hexo.log.debug('[PatchSiteInit] 补丁已存在，跳过');

    return;

  }

  // 查找插入位置：在 resize 事件监听之后

  const resizeListenerPattern = /window\.addEventListener\('resize',\s*resizeHandle,\s*\{[\s\S]*?passive:\s*true[\s\S]*?\}\)/;

  if (!resizeListenerPattern.test(content)) {

    hexo.log.warn('[PatchSiteInit] 未找到 resize 事件监听器，无法注入补丁');

    return;

  }

  // 注入代码

  const patchCode = `

  window.addEventListener('hexo-blog-decrypt', siteRefresh, {

    passive: true

  })`;

  content = content.replace(resizeListenerPattern, (match) => {

    return match + patchCode;

  });

  // 写回文件

  fs.writeFileSync(siteInitPath, content, 'utf8');

  hexo.log.info('[PatchSiteInit] 已成功注入 hexo-blog-decrypt 事件监听');

});

hexo.extend.filter.register('theme_inject', function(injects) {

    injects.head.file('sakura', 'views/sakura.pug', {}, {cache: true});

});

/**

 * Hexo 过滤器：为文章标题和摘要添加打字机效果，并显示 AI 模型标识

 */

hexo.extend.filter.register('after_render:html', function(str) {

  // 获取 AI 模型名称配置

  const modelName = hexo.theme.config?.summary?.model

    || hexo.config?.summary?.model

    || 'gpt-5-nano';

  // 客户端脚本：实现打字机效果和模型标识

  const script = `

    <script>

      document.addEventListener('DOMContentLoaded', function() {

        // 1. 为文章标题添加打字机效果

        const headline = document.querySelector('h1[itemprop="name headline"]');

        if (headline && !headline.dataset.typed) {

          const text = headline.textContent;

          headline.textContent = '';

          headline.dataset.typed = '1';

          let index = 0;

          (function typeHeadline() {

            if (index < text.length) {

              headline.textContent += text[index++];

              setTimeout(typeHeadline, 50);

            }

          })();

        }

        // 2. 为摘要标签页的段落添加打字机效果

        document.querySelectorAll('.tab[data-id="summary"] p').forEach(paragraph => {

          if (paragraph.dataset.typed) return;

          const text = paragraph.textContent;

          paragraph.textContent = '';

          paragraph.dataset.typed = '1';

          let index = 0;

          (function typeParagraph() {

            if (index < text.length) {

              paragraph.textContent += text[index++];

              setTimeout(typeParagraph, 30);

            }

          })();

        });

        // 3. 添加 AI 模型标识徽章

        const specialList = document.querySelector('ul.special');

        if (specialList && !specialList.parentElement.querySelector('.model-badge')) {

          const badge = document.createElement('div');

          badge.className = 'model-badge';

          badge.textContent = '${modelName}';

          badge.style.cssText =

            'position:absolute;' +

            'top:8px;' +

            'right:8px;' +

            'font-size:11px;' +

            'color:var(--text-color,#666);' +

            'opacity:0.6;' +

            'padding:2px 6px;' +

            'border:1px solid currentColor;' +

            'border-radius:3px;' +

            'z-index:10';

          specialList.parentElement.style.position = 'relative';

          specialList.parentElement.appendChild(badge);

        }

      });

    </script>

  `;

  // 在 </body> 标签前插入脚本

  return str.replace('</body>', script + '</body>');

});