hexo-theme-ayeria 1.9.7-0

package/layout/_partial/katex.ejs

@@ -0,0 +1,22 @@
+<% if ( theme.katex.enable ) { %>
+    <% if( theme.katex.allpost || page.math ) { %>
+        <link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.15.1/katex.min.css">
+        <script src="https://cdn.staticfile.org/KaTeX/0.15.1/katex.min.js"></script>
+        <script src="https://cdn.staticfile.org/KaTeX/0.15.1/contrib/auto-render.min.js"></script>
+        <% if ( theme.katex.copy_tex ) { %>
+            <script src="https://cdn.staticfile.org/KaTeX/0.15.1/contrib/copy-tex.min.js"></script>
+            <link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.15.1/contrib/copy-tex.min.css">
+        <% } %>
+        <script>
+            document.addEventListener("DOMContentLoaded", function() {
+                renderMathInElement(document.body, {
+                    delimiters: [
+                        {left: "$$", right: "$$", display: true},
+                        {left: "$", right: "$", display: false}
+                    ],
+                    throwOnError: false
+                });
+            });
+        </script>
+    <% } %>
+<% } %>

package/layout/_partial/lock.ejs

@@ -0,0 +1,37 @@
+<% if (theme.lock.enable){ %>
+<script>
+  const password = "<%= theme.lock.password %>";
+  const lock_password = window.sessionStorage.getItem("lock_password");
+  console.log(password, lock_password);
+  if (lock_password !== password) {
+    Swal.fire({
+      title: "<%= __('lock.lock_info') %>",
+      input: "text",
+      inputAttributes: {
+        autocapitalize: "off",
+      },
+      showCancelButton: false,
+      showLoaderOnConfirm: true,
+      allowOutsideClick: false,
+      confirmButtonText: "<%= __('lock.confirm_text') %>",
+    }).then((result) => {
+      console.log(result);
+      if (result.isConfirmed) {
+        console.log(password);
+        if (result.value === password) {
+          window.sessionStorage.setItem("lock_password", result.value);
+        } else {
+          Swal.fire({
+            icon: "error",
+            title: "<%= __('lock.lock_error') %>",
+            confirmButtonText: "<%= __('lock.confirm_text') %>",
+            allowOutsideClick: false,
+          }).then(() => {
+            window.location.reload();
+          });
+        }
+      }
+    });
+  }
+</script>
+<% } %>

package/layout/_partial/mathjax.ejs

@@ -0,0 +1,19 @@
+<script type="text/x-mathjax-config">
+  MathJax.Hub.Config({
+      tex2jax: {
+          inlineMath: [ ['$','$'], ["\\(","\\)"]  ],
+          processEscapes: true,
+          skipTags: ['script', 'noscript', 'style', 'textarea', 'pre', 'code']
+      }
+  });
+
+  MathJax.Hub.Queue(function() {
+      var all = MathJax.Hub.getAllJax(), i;
+      for(i=0; i < all.length; i += 1) {
+          all[i].SourceElement().parentNode.className += ' has-jax';
+      }
+  });
+</script>
+
+<script src="https://cdn.staticfile.org/mathjax/2.7.7/MathJax.js"></script>
+<script src="https://cdn.staticfile.org/mathjax/2.7.7/config/TeX-AMS-MML_HTMLorMML-full.js"></script>

package/layout/_partial/modal.ejs

@@ -0,0 +1,77 @@
+<div id="mask"></div>
+
+<% var channels = (theme.reward && theme.reward.channels) ? theme.reward.channels : []; %>
+<% if (channels.length > 0) { %>
+<div id="reward" class="reward-modal" style="--reward-accent: <%= channels[0].color %>">
+  <span class="reward-close"><i class="ri-close-line"></i></span>
+
+  <p class="reward-wording">
+    <i class="ri-cup-line"></i><%= theme.reward_wording %>
+  </p>
+
+  <% if (channels.length > 1) { %>
+  <div class="reward-tabs">
+    <% channels.forEach(function(ch, i) { %>
+    <button class="reward-tab<%= i === 0 ? ' active' : '' %>"
+            data-index="<%= i %>"
+            data-color="<%= ch.color %>">
+      <i class="<%= ch.icon %>"></i>
+      <span><%= ch.name %></span>
+    </button>
+    <% }); %>
+  </div>
+  <% } %>
+
+  <div class="reward-panels">
+    <% channels.forEach(function(ch, i) { %>
+    <div class="reward-panel<%= i === 0 ? ' active' : '' %>" data-index="<%= i %>">
+
+      <% if (ch.children && ch.children.length) { %>
+      <% if (ch.description) { %>
+      <p class="reward-chain-hint"><%= ch.description %></p>
+      <% } %>
+      <div class="reward-sub-tabs">
+        <% ch.children.forEach(function(sub, j) { %>
+        <button class="reward-sub-tab<%= j === 0 ? ' active' : '' %>"
+                data-parent="<%= i %>" data-sub="<%= j %>">
+          <%= sub.name %>
+          <% if (sub.badge) { %><span class="reward-sub-badge"><%= sub.badge %></span><% } %>
+        </button>
+        <% }); %>
+      </div>
+      <% ch.children.forEach(function(sub, j) { %>
+      <div class="reward-sub-panel<%= j === 0 ? ' active' : '' %>"
+           data-parent="<%= i %>" data-sub="<%= j %>">
+        <div class="reward-qrcode-wrap">
+          <img class="reward-qrcode" src="<%- url_for(sub.qrcode) %>" alt="<%= ch.name %> - <%= sub.name %>">
+        </div>
+        <% if (sub.description) { %>
+        <p class="reward-desc"><%= sub.description %></p>
+        <% } %>
+        <% if (sub.link) { %>
+        <a class="reward-link" href="<%= sub.link %>" target="_blank" rel="noopener">
+          前往<%= sub.name %> <i class="ri-external-link-line"></i>
+        </a>
+        <% } %>
+      </div>
+      <% }); %>
+      <% } else { %>
+
+      <div class="reward-qrcode-wrap">
+        <img class="reward-qrcode" src="<%- url_for(ch.qrcode) %>" alt="<%= ch.name %>">
+      </div>
+      <% if (ch.description) { %>
+      <p class="reward-desc"><%= ch.description %></p>
+      <% } %>
+      <% if (ch.link) { %>
+      <a class="reward-link" href="<%= ch.link %>" target="_blank" rel="noopener">
+        前往<%= ch.name %> <i class="ri-external-link-line"></i>
+      </a>
+      <% } %>
+      <% } %>
+
+    </div>
+    <% }); %>
+  </div>
+</div>
+<% } %>

package/layout/_partial/music.ejs

@@ -0,0 +1,16 @@
+<div id="music">
+    <%# "bottom:120px; left:auto;position:fixed;  width:85%" %>
+    <% var defaultHeight = theme.music.type == 1 ? '32' : '66'; %>
+    <% var defaultIframeHeight = theme.music.type == 1 ? '52' : '86'; %>
+    <iframe frameborder="no" border="1" marginwidth="0" marginheight="0" width="200" height="<%=defaultIframeHeight%>"
+        src="//music.163.com/outchain/player?type=2&id=<%=theme.music.id||22707008%>&auto=<%=theme.music.autoPlay?1:0%>&height=<%=defaultHeight%>"></iframe>
+</div>
+
+<style>
+    #music {
+        position: fixed;
+        right: 15px;
+        bottom: 0;
+        z-index: 998;
+    }
+</style>

package/layout/_partial/post/albums.ejs

@@ -0,0 +1,17 @@
+<% if (post.albums && post.albums.length){ %>
+<div class="article-albums">
+  <ul class="article-albums-photos" id="basicExample">
+    <% post.albums.forEach(function(photo){ %>
+
+    <li class="article-albums-item" data-scroll-reveal>
+      <img class="lazy" data-original="<%- url_for(photo[0]) %>" itemprop="image" alt="<%- photo[1] %>"
+        style="cursor: pointer;">
+      <% if (photo && photo.length > 1){ %>
+      <span class="article-albums-caption"> <%- photo[1] %> </span>
+      <% } %>
+    </li>
+
+    <% }) %>
+  </ul>
+</div>
+<% } %>

package/layout/_partial/post/author.ejs

@@ -0,0 +1,8 @@
+<% if (post.authors && post.authors.length){ %>
+    <div class="<%= class_name %>" <% if (!index){ %> style="text-align: center" <% }%>>
+        作者：<% for (var i = 0; i < post.authors.length - 1; i++) { %>
+            <%= post.authors[i]%> ,
+        <% }%> <%= post.authors[post.authors.length - 1] %>
+    </div>
+
+<% } %>

package/layout/_partial/post/busuanzi.ejs

@@ -0,0 +1,5 @@
+<span>
+  <span><i class="ri-user-3-fill"></i><%- __('site_visitors') %>:<span id="busuanzi_value_site_uv"></span></span>
+  <span class="division">|</span>
+  <span><i class="ri-eye-fill"></i><%- __('page_views') %>:<span id="busuanzi_value_page_pv"></span></span>
+</span>

package/layout/_partial/post/category.ejs

@@ -0,0 +1,10 @@
+<% if (post.categories && post.categories.length){ %>
+  <div class="article-category">
+    <%- list_categories(post.categories, {
+      show_count: false,
+      class: 'article-category',
+      style: 'none',
+      separator: ' / '
+    }) %>
+  </div>
+<% } %>

package/layout/_partial/post/clipboard.ejs

@@ -0,0 +1,54 @@
+<script src="https://cdn.staticfile.org/clipboard.js/2.0.10/clipboard.min.js"></script>
+<script>
+  function wait(callback, seconds) {
+    var timelag = null;
+    timelag = window.setTimeout(callback, seconds);
+  }
+  !function (e, t, a) {
+    var initCopyCode = function(){
+      var copyHtml = '';
+      copyHtml += '<button class="btn-copy" data-clipboard-snippet="">';
+      copyHtml += '<i class="ri-file-copy-2-line"></i><span>COPY</span>';
+      copyHtml += '</button>';
+      $(".highlight .code pre").before(copyHtml);
+      $(".article pre code").before(copyHtml);
+      var clipboard = new ClipboardJS('.btn-copy', {
+        target: function(trigger) {
+          return trigger.nextElementSibling;
+        }
+      });
+      clipboard.on('success', function(e) {
+        let $btn = $(e.trigger);
+        $btn.addClass('copied');
+        let $icon = $($btn.find('i'));
+        $icon.removeClass('ri-file-copy-2-line');
+        $icon.addClass('ri-checkbox-circle-line');
+        let $span = $($btn.find('span'));
+        $span[0].innerText = 'COPIED';
+        
+        wait(function () { // 等待两秒钟后恢复
+          $icon.removeClass('ri-checkbox-circle-line');
+          $icon.addClass('ri-file-copy-2-line');
+          $span[0].innerText = 'COPY';
+        }, 2000);
+      });
+      clipboard.on('error', function(e) {
+        e.clearSelection();
+        let $btn = $(e.trigger);
+        $btn.addClass('copy-failed');
+        let $icon = $($btn.find('i'));
+        $icon.removeClass('ri-file-copy-2-line');
+        $icon.addClass('ri-time-line');
+        let $span = $($btn.find('span'));
+        $span[0].innerText = 'COPY FAILED';
+        
+        wait(function () { // 等待两秒钟后恢复
+          $icon.removeClass('ri-time-line');
+          $icon.addClass('ri-file-copy-2-line');
+          $span[0].innerText = 'COPY';
+        }, 2000);
+      });
+    }
+    initCopyCode();
+  }(window, document);
+</script>

package/layout/_partial/post/date.ejs

@@ -0,0 +1,3 @@
+<a href="<%- url_for(post.path) %>" class="<%= class_name %>">
+  <time datetime="<%= date_xml(post.date) %>" itemprop="datePublished"><%= date(post.date, date_format) %></time>
+</a>

package/layout/_partial/post/gallery.ejs

@@ -0,0 +1,15 @@
+<% if (post.photos && post.photos.length){ %>
+  <div class="article-gallery">
+    <div class="article-gallery-photos">
+      <% post.photos.forEach(function(photo, i){ %>
+        <% if (index){ %>
+          <a class="article-gallery-img" href="<%- url_for(post.path) %>" rel="gallery_<%= post._id %>">
+            <img src="<%- url_for(photo) %>" itemprop="image">
+          </a>
+        <% } else { %>
+          <img src="<%- url_for(photo) %>" itemprop="image">
+        <% } %>
+      <% }) %>
+    </div>
+  </div>
+<% } %>

package/layout/_partial/post/giscus.ejs

@@ -0,0 +1,40 @@
+<% if (theme.giscus && theme.giscus.enable && post.comments !== false) { %>
+<div class="giscus-container" style="margin-top: 2rem; padding: 0 1rem;">
+  <script
+    src="https://giscus.app/client.js"
+    data-repo="<%- theme.giscus.repo %>"
+    data-repo-id="<%- theme.giscus.repo_id %>"
+    data-category="<%- theme.giscus.category %>"
+    data-category-id="<%- theme.giscus.category_id %>"
+    data-mapping="<%- theme.giscus.mapping || 'pathname' %>"
+    data-strict="0"
+    data-reactions-enabled="<%- theme.giscus.reactions_enabled || 1 %>"
+    data-emit-metadata="<%- theme.giscus.emit_metadata || 0 %>"
+    data-input-position="<%- theme.giscus.input_position || 'top' %>"
+    data-theme="dark"
+    data-lang="<%- theme.giscus.lang || 'zh-CN' %>"
+    crossorigin="anonymous"
+    async
+  ></script>
+  <script>
+    /* giscus 通过 async 加载，iframe 可能在 ayeria.js 初始化之后才就绪。
+       站点默认暗色模式所以 data-theme="dark" 覆盖多数情况，
+       但若用户之前选择了亮色模式（sessionStorage darkmode==0），
+       需要在 iframe 就绪后修正主题。 */
+    if (sessionStorage.getItem("darkmode") == 0) {
+      window.addEventListener("message", function _giscusThemeFix(e) {
+        if (e.origin !== "https://giscus.app") return;
+        if (!(typeof e.data === "object" && e.data.giscus)) return;
+        var f = document.querySelector("iframe.giscus-frame");
+        if (f) {
+          f.contentWindow.postMessage(
+            { giscus: { setConfig: { theme: "light" } } },
+            "https://giscus.app"
+          );
+        }
+        window.removeEventListener("message", _giscusThemeFix);
+      });
+    }
+  </script>
+</div>
+<% } %>

package/layout/_partial/post/gitalk.ejs

@@ -0,0 +1,12 @@
+<%#
+  [已停用] Gitalk 评论系统模板
+  停用时间: 2026-03
+  停用原因: OAuth clientSecret 泄露 + 纯前端架构的固有安全缺陷
+  迁移目标: giscus (基于 GitHub Discussions)
+  详情参见: doc/audit-report.md #1 #9
+  历史评论: 保留在 blog-comments 仓库的 GitHub Issues 中
+
+  如需恢复，需要重新创建 OAuth App 并在 _config.ayeria.yml 中
+  设置 gitalk.enable: true 及对应的 clientID / clientSecret。
+  原始模板代码可在 git 历史记录中查看。
+%>

package/layout/_partial/post/justifiedGallery.ejs

@@ -0,0 +1,9 @@
+<% if (post.albums && post.albums.length){ %>
+<div class="justified-gallery" id="gallery">
+  <% post.albums.forEach(function(photo){ %>
+  <div>
+    <img src="<%- url_for(photo[0]) %>" itemprop="image" alt="<%- photo[1] %>" style="cursor: pointer;">
+  </div>
+  <% }) %>
+</div>
+<% } %>

package/layout/_partial/post/nav.ejs

@@ -0,0 +1,22 @@
+<% if (post.prev || post.next){ %>
+  <nav class="article-nav">
+    <% if (post.prev){ %>
+      <a href="<%- url_for(post.prev.path) %>" class="article-nav-link">
+        <strong class="article-nav-caption"><%- theme.nav_text.post_prev %></strong>
+        <div class="article-nav-title">
+          <% if (post.prev.title){ %>
+            <%= post.prev.title %>
+          <% } else { %>
+            (no title)
+          <% } %>
+        </div>
+      </a>
+    <% } %>
+    <% if (post.next){ %>
+      <a href="<%- url_for(post.next.path) %>" class="article-nav-link">
+        <strong class="article-nav-caption"><%- theme.nav_text.post_next %></strong>
+        <div class="article-nav-title"><%= post.next.title %></div>
+      </a>
+    <% } %>
+  </nav>
+<% } %>

package/layout/_partial/post/search.ejs

@@ -0,0 +1,4 @@
+<div class="local-search local-search-plugin">
+  <input type="search" id="local-search-input" class="local-search-input" placeholder="Search...">
+  <div id="local-search-result" class="local-search-result"></div>
+</div>

package/layout/_partial/post/share.ejs

@@ -0,0 +1,51 @@
+<%
+  var sUrl = url.replace(/index\.html$/, '');
+  sUrl = /^(http:|https:)\/\//.test(sUrl) ? sUrl : 'http:' + sUrl;
+%>
+<div class="share-btn">
+      <span class="share-sns share-outer">
+        <i class="ri-share-forward-line"></i>
+        <%- theme.share_text %>
+      </span>
+      <div class="share-wrap">
+        <i class="arrow"></i>
+        <div class="share-icons">
+          <% if( theme.share_china ){ %>
+          <a class="weibo share-sns" href="javascript:;" data-type="weibo">
+            <i class="ri-weibo-fill"></i>
+          </a>
+          <a class="weixin share-sns wxFab" href="javascript:;" data-type="weixin">
+            <i class="ri-wechat-fill"></i>
+          </a>
+          <a class="qq share-sns" href="javascript:;" data-type="qq">
+            <i class="ri-qq-fill"></i>
+          </a>
+          <a class="douban share-sns" href="javascript:;" data-type="douban">
+            <i class="ri-douban-line"></i>
+          </a>
+          <!-- <a class="qzone share-sns" href="javascript:;" data-type="qzone">
+            <i class="icon icon-qzone"></i>
+          </a> -->
+          <% } %>
+          <a class="facebook share-sns" href="javascript:;" data-type="facebook">
+            <i class="ri-facebook-circle-fill"></i>
+          </a>
+          <a class="twitter share-sns" href="javascript:;" data-type="twitter">
+            <i class="ri-twitter-fill"></i>
+          </a>
+          <a class="google share-sns" href="javascript:;" data-type="google">
+            <i class="ri-google-fill"></i>
+          </a>
+        </div>
+      </div>
+</div>
+
+<div class="wx-share-modal">
+    <a class="modal-close" href="javascript:;"><i class="ri-close-circle-line"></i></a>
+    <p>扫一扫，分享到微信</p>
+    <div class="wx-qrcode">
+      <img src="<%- 'qrcode' in locals ? qrcode(sUrl) : '//api.qrserver.com/v1/create-qr-code/?size=150x150&data=' + sUrl  %>" alt="微信分享二维码">
+    </div>
+</div>
+
+<div id="share-mask"></div>

package/layout/_partial/post/tag.ejs

@@ -0,0 +1,6 @@
+<% if (post.tags && post.tags.length){ %>
+  <%- list_tags(post.tags, {
+    show_count: false,
+    class: 'article-tag'
+  }) %>
+<% } %>

package/layout/_partial/post/title.ejs

@@ -0,0 +1,16 @@
+<% if (post.link){ %>
+<h2 itemprop="name">
+  <a class="<%= class_name %>" href="<%- url_for(post.link) %>" itemprop="url"
+    ><%= post.title %></a
+  >
+</h2>
+<% } else if (post.title){ %> <% if (index){ %>
+<h2 itemprop="name">
+  <a class="<%= class_name %>" href="<%- url_for(post.path) %>"
+    ><%= post.title %><%- partial('topping') %></a> 
+</h2>
+<% } else { %>
+<h1 class="<%= class_name %> sea-center" style="border-left:0" itemprop="name">
+  <%= post.title %>
+</h1>
+<% } %> <% } %>

package/layout/_partial/post/tocbot.ejs

@@ -0,0 +1,6 @@
+<% if (post.toc != false && toc(page.content).length!==0){ %>
+    <div class="tocbot"></div>
+<% } %>
+
+
+

package/layout/_partial/post/topping.ejs

@@ -0,0 +1,3 @@
+<% if (is_home() && post.top) { %>
+  <i class="article-topping"><%= __('post.sticky') %></i>
+<% } %>

package/layout/_partial/post/twikoo.ejs

@@ -0,0 +1,7 @@
+<%#
+  [已停用] Twikoo 评论系统模板
+  说明: 该系统从未实际启用（envId 始终为空），随 Gitalk → giscus 迁移一并清理
+  迁移时间: 2026-03
+  详情参见: doc/audit-report.md #9
+  原始模板代码可在 git 历史记录中查看。
+%>

package/layout/_partial/post/valine.ejs

@@ -0,0 +1,48 @@
+<% if (!index && theme.leancloud && theme.leancloud.enable && post.comments){ %>
+<!-- valine评论 -->
+<div id="vcomments-box">
+  <div id="vcomments"></div>
+</div>
+<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
+<script src="https://cdn.staticfile.org/valine/1.4.16/Valine.min.js"></script>
+<script>
+  new Valine({
+    el: "#vcomments",
+    app_id: "<%- theme.leancloud.app_id %>",
+    app_key: "<%- theme.leancloud.app_key %>",
+    path: window.location.pathname,
+    avatar: "<%- theme.valine.avatar %>",
+    placeholder: "<%- theme.valine.placeholder %>",
+    recordIP: true,
+  });
+  const infoEle = document.querySelector("#vcomments .info");
+  if (infoEle && infoEle.childNodes && infoEle.childNodes.length > 0) {
+    infoEle.childNodes.forEach(function (item) {
+      item.parentNode.removeChild(item);
+    });
+  }
+</script>
+<style>
+  #vcomments-box {
+    padding: 5px 30px;
+  }
+
+  @media screen and (max-width: 800px) {
+    #vcomments-box {
+      padding: 5px 0px;
+    }
+  }
+
+  #vcomments-box #vcomments {
+    background-color: #fff;
+  }
+
+  .v .vlist .vcard .vh {
+    padding-right: 20px;
+  }
+
+  .v .vlist .vcard {
+    padding-left: 10px;
+  }
+</style>
+<% } %>

package/layout/_partial/post/word.ejs

@@ -0,0 +1,20 @@
+<% if (!theme.word_count.only_article_visit || (!index && theme.word_count.only_article_visit)){ %>
+<div class="word_count">
+    <span class="post-time">
+        <span class="post-meta-item-icon">
+            <i class="ri-quill-pen-line"></i>
+            <span class="post-meta-item-text"> <%= __('post.word_count') %>:</span>
+            <span class="post-count"><%= wordcount(post.content) %></span>
+        </span>
+    </span>
+
+    <span class="post-time">
+        &nbsp; | &nbsp;
+        <span class="post-meta-item-icon">
+            <i class="ri-book-open-line"></i>
+            <span class="post-meta-item-text"> <%= __('post.read_time') %>≈</span>
+            <span class="post-count"><%= min2read(post.content) %> <%= __('post.minutes') %></span>
+        </span>
+    </span>
+</div>
+<% } %>

package/layout/_partial/sidebar.ejs

@@ -0,0 +1,34 @@
+<button class="float-btn navbar-toggle"></button>
+<nav class="navbar">
+  <% if (theme.logo){ %>
+  <div class="logo">
+    <a href="<%- url_for() %>"><img src="<%- theme.logo %>" alt="<%= config.title %>"></a>
+  </div>
+  <% } %>
+  <ul class="nav nav-main">
+    <% for (var i in theme.menu){ %>
+    <li class="nav-item">
+      <a class="nav-item-link" href="<%- url_for(theme.menu[i]) %>"><%= i %></a>
+    </li>
+    <% } %>
+  </ul>
+</nav>
+<nav class="navbar navbar-bottom">
+  <ul class="nav">
+    <li class="nav-item">
+      <% if (theme.search){ %>
+      <a class="nav-item-link nav-item-search"  title="<%= __('search') %>">
+        <i class="ri-search-line"></i>
+      </a>
+      <% } %>
+      <% if (theme.rss){ %>
+      <a class="nav-item-link" target="_blank" href="<%- url_for(theme.rss) %>" title="<%= __('rss_feed') %>">
+        <i class="ri-rss-line"></i>
+      </a>
+      <% } %>
+    </li>
+  </ul>
+</nav>
+<div class="search-form-wrap">
+  <%- partial('post/search') %>
+</div>