hexo-theme-ayeria 1.9.10 → 1.9.13

package/layout/_partial/post/word.ejs

@@ -1,20 +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>
+<% 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

@@ -1,34 +1,49 @@
-<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') %>
+<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 key in theme.menu) {
+       var item = theme.menu[key];
+       var isObj = typeof item === 'object';
+       var url = isObj ? item.url : item;
+       var target = isObj ? (item.target || 'current') : 'current';
+    %>
+    <li class="nav-item">
+      <a class="nav-item-link"
+         href="<%- url_for(url) %>"
+         <% if (target === 'blank') { %>
+         target="_blank" rel="noopener noreferrer"
+         <% } else if (target === 'popup') { %>
+         data-target="popup"
+         data-popup-name="popup-<%= key %>"
+         data-popup-width="<%= item.popup_width || 380 %>"
+         data-popup-height="<%= item.popup_height || 620 %>"
+         <% } %>
+      ><%= key %></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>

package/layout/_partial/viewer.ejs

@@ -1,106 +1,106 @@
-<!-- Root element of PhotoSwipe. Must have class pswp. -->
-<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
-
-    <!-- Background of PhotoSwipe. 
-         It's a separate element as animating opacity is faster than rgba(). -->
-    <div class="pswp__bg"></div>
-
-    <!-- Slides wrapper with overflow:hidden. -->
-    <div class="pswp__scroll-wrap">
-
-        <!-- Container that holds slides. 
-            PhotoSwipe keeps only 3 of them in the DOM to save memory.
-            Don't modify these 3 pswp__item elements, data is added later on. -->
-        <div class="pswp__container">
-            <div class="pswp__item"></div>
-            <div class="pswp__item"></div>
-            <div class="pswp__item"></div>
-        </div>
-
-        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
-        <div class="pswp__ui pswp__ui--hidden">
-
-            <div class="pswp__top-bar">
-
-                <!--  Controls are self-explanatory. Order can be changed. -->
-
-                <div class="pswp__counter"></div>
-
-                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
-
-                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>
-
-                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
-
-                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
-
-                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
-                <!-- element will get class pswp__preloader--active when preloader is running -->
-                <div class="pswp__preloader">
-                    <div class="pswp__preloader__icn">
-                        <div class="pswp__preloader__cut">
-                            <div class="pswp__preloader__donut"></div>
-                        </div>
-                    </div>
-                </div>
-            </div>
-
-            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
-                <div class="pswp__share-tooltip"></div>
-            </div>
-
-            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
-            </button>
-
-            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
-            </button>
-
-            <div class="pswp__caption">
-                <div class="pswp__caption__center"></div>
-            </div>
-
-        </div>
-
-    </div>
-
-</div>
-
-<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.css">
-<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/default-skin/default-skin.min.css">
-<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.js"></script>
-<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>
-
-<script>
-    function viewer_init() {
-        let pswpElement = document.querySelectorAll('.pswp')[0];
-        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))
-
-        $imgArr.forEach(($em, i) => {
-            $em.onclick = () => {
-                // slider展开状态
-                // todo: 这样不好，后面改成状态
-                if (document.querySelector('.left-col.show')) return
-                let items = []
-                $imgArr.forEach(($em2, i2) => {
-                    let img = $em2.getAttribute('data-idx', i2)
-                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
-                    let title = $em2.getAttribute('alt')
-                    // 获得原图尺寸
-                    const image = new Image()
-                    image.src = src
-                    items.push({
-                        src: src,
-                        w: image.width || $em2.width,
-                        h: image.height || $em2.height,
-                        title: title
-                    })
-                })
-                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
-                    index: parseInt(i)
-                });
-                gallery.init()
-            }
-        })
-    }
-    viewer_init()
+<!-- Root element of PhotoSwipe. Must have class pswp. -->
+<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
+
+    <!-- Background of PhotoSwipe. 
+         It's a separate element as animating opacity is faster than rgba(). -->
+    <div class="pswp__bg"></div>
+
+    <!-- Slides wrapper with overflow:hidden. -->
+    <div class="pswp__scroll-wrap">
+
+        <!-- Container that holds slides. 
+            PhotoSwipe keeps only 3 of them in the DOM to save memory.
+            Don't modify these 3 pswp__item elements, data is added later on. -->
+        <div class="pswp__container">
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+            <div class="pswp__item"></div>
+        </div>
+
+        <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
+        <div class="pswp__ui pswp__ui--hidden">
+
+            <div class="pswp__top-bar">
+
+                <!--  Controls are self-explanatory. Order can be changed. -->
+
+                <div class="pswp__counter"></div>
+
+                <button class="pswp__button pswp__button--close" title="Close (Esc)"></button>
+
+                <button class="pswp__button pswp__button--share" style="display:none" title="Share"></button>
+
+                <button class="pswp__button pswp__button--fs" title="Toggle fullscreen"></button>
+
+                <button class="pswp__button pswp__button--zoom" title="Zoom in/out"></button>
+
+                <!-- Preloader demo http://codepen.io/dimsemenov/pen/yyBWoR -->
+                <!-- element will get class pswp__preloader--active when preloader is running -->
+                <div class="pswp__preloader">
+                    <div class="pswp__preloader__icn">
+                        <div class="pswp__preloader__cut">
+                            <div class="pswp__preloader__donut"></div>
+                        </div>
+                    </div>
+                </div>
+            </div>
+
+            <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
+                <div class="pswp__share-tooltip"></div>
+            </div>
+
+            <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
+            </button>
+
+            <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
+            </button>
+
+            <div class="pswp__caption">
+                <div class="pswp__caption__center"></div>
+            </div>
+
+        </div>
+
+    </div>
+
+</div>
+
+<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.css">
+<link rel="stylesheet" href="https://cdn.staticfile.org/photoswipe/4.1.3/default-skin/default-skin.min.css">
+<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe.min.js"></script>
+<script src="https://cdn.staticfile.org/photoswipe/4.1.3/photoswipe-ui-default.min.js"></script>
+
+<script>
+    function viewer_init() {
+        let pswpElement = document.querySelectorAll('.pswp')[0];
+        let $imgArr = document.querySelectorAll(('.article-entry img:not(.reward-img)'))
+
+        $imgArr.forEach(($em, i) => {
+            $em.onclick = () => {
+                // slider展开状态
+                // todo: 这样不好，后面改成状态
+                if (document.querySelector('.left-col.show')) return
+                let items = []
+                $imgArr.forEach(($em2, i2) => {
+                    let img = $em2.getAttribute('data-idx', i2)
+                    let src = $em2.getAttribute('data-target') || $em2.getAttribute('src')
+                    let title = $em2.getAttribute('alt')
+                    // 获得原图尺寸
+                    const image = new Image()
+                    image.src = src
+                    items.push({
+                        src: src,
+                        w: image.width || $em2.width,
+                        h: image.height || $em2.height,
+                        title: title
+                    })
+                })
+                var gallery = new PhotoSwipe(pswpElement, PhotoSwipeUI_Default, items, {
+                    index: parseInt(i)
+                });
+                gallery.init()
+            }
+        })
+    }
+    viewer_init()
 </script>

package/layout/categories.ejs

@@ -1,8 +1,8 @@
-<section class="outer">
-  <% if (site.categories.length){ %>
-    <h1 class="page-type-title"><%= __('categories') %></h1>
-    <div class="categories-box">
-      <%- category_tree() %>
-    </div>
-  <% } %>
-</section>
+<section class="outer">
+  <% if (site.categories.length){ %>
+    <h1 class="page-type-title"><%= __('categories') %></h1>
+    <div class="categories-box">
+      <%- category_tree() %>
+    </div>
+  <% } %>
+</section>

package/layout/friends.ejs

@@ -1,20 +1,20 @@
-<section class="outer">
-    <% if(theme.friends_link && theme.friends_link.length != 0){ %>
-    <h1 class="page-type-title"><%= __('friends') %></h1>
-    <ul id="friends_link">
-        <% for (var i in theme.friends_link){ %>
-        <li class="friends_li">
-            <a href="<%- url_for(theme.friends_link[i].url) %>" target="_blank" class="search-title"
-                <% if (theme.friends_link[i].description){ %>title="<%= theme.friends_link[i].description %>" <% } %>>
-                <% if (theme.friends_link[i].img){ %>
-                <img src="<%- url_for(theme.friends_link[i].img) %>">
-                <% } else { %>
-                <i class="ri-user-fill"></i>
-                <% } %>
-                <%= i %>
-            </a>
-        </li>
-        <% } %>
-    </ul>
-    <%}%>
+<section class="outer">
+    <% if(theme.friends_link && theme.friends_link.length != 0){ %>
+    <h1 class="page-type-title"><%= __('friends') %></h1>
+    <ul id="friends_link">
+        <% for (var i in theme.friends_link){ %>
+        <li class="friends_li">
+            <a href="<%- url_for(theme.friends_link[i].url) %>" target="_blank" class="search-title"
+                <% if (theme.friends_link[i].description){ %>title="<%= theme.friends_link[i].description %>" <% } %>>
+                <% if (theme.friends_link[i].img){ %>
+                <img src="<%- url_for(theme.friends_link[i].img) %>">
+                <% } else { %>
+                <i class="ri-user-fill"></i>
+                <% } %>
+                <%= i %>
+            </a>
+        </li>
+        <% } %>
+    </ul>
+    <%}%>
 </section>

package/layout/index.ejs

@@ -1,4 +1,4 @@
-<%- partial('_partial/ayeria') %>
-<div id="main">
-  <%- partial('_partial/archive', {pagination: 2, index: true}) %>
-</div>
+<%- partial('_partial/ayeria') %>
+<div id="main">
+  <%- partial('_partial/archive', {pagination: 2, index: true}) %>
+</div>

package/layout/layout.ejs

@@ -1,31 +1,36 @@
-<%- partial('_partial/head') %>
-
-<body class="darkmode">
-  <div id="app">
-    <% if (theme.click_effect === 2) { %>
-      <canvas class="click-effect-canvas"></canvas>
-    <% } %>
-    <% if (theme.click_effect === 3) { %>
-      <canvas class="click-effect-canvas" width="1777" height="841"></canvas>
-    <% } %>
-    <main class="content on">
-      <%- body %>
-      <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>    
-    </main>
-    <div class="float_btns">
-      <%- partial('_partial/float-btns') %>
-    </div>
-    <aside class="sidebar on">
-      <%- partial('_partial/sidebar') %>
-    </aside>
-    <%- partial('_partial/modal') %>
-    <%- partial('_partial/after-footer') %>
-
-    <% if (theme.music&&theme.music.enable){ %>
-    <%- partial('_partial/music') %>
-    <% } %>
-    <%- partial('_partial/lock') %>
-  </div>
-</body>
-
+<%- partial('_partial/head') %>
+
+<body class="darkmode">
+  <script>
+    if (localStorage.getItem('darkmode') === '0') {
+      document.body.classList.remove('darkmode');
+    }
+  </script>
+  <div id="app">
+    <% if (theme.click_effect === 2) { %>
+      <canvas class="click-effect-canvas"></canvas>
+    <% } %>
+    <% if (theme.click_effect === 3) { %>
+      <canvas class="click-effect-canvas" width="1777" height="841"></canvas>
+    <% } %>
+    <main class="content on">
+      <%- body %>
+      <%- partial('_partial/footer', null, {cache: !config.relative_link}) %>    
+    </main>
+    <div class="float_btns">
+      <%- partial('_partial/float-btns') %>
+    </div>
+    <aside class="sidebar on">
+      <%- partial('_partial/sidebar') %>
+    </aside>
+    <%- partial('_partial/modal') %>
+    <%- partial('_partial/after-footer') %>
+
+    <% if (theme.music&&theme.music.enable){ %>
+    <%- partial('_partial/music') %>
+    <% } %>
+    <%- partial('_partial/lock') %>
+  </div>
+</body>
+
 </html>

package/layout/page.ejs

@@ -1,3 +1,3 @@
-<section class="outer">
-  <%- partial('_partial/article', {post: page, index: false}) %>
+<section class="outer">
+  <%- partial('_partial/article', {post: page, index: false}) %>
 </section>

package/layout/plain-page.ejs

@@ -1,4 +1,4 @@
-<section class="outer">
-  <h1 class="page-type-title"><%= page.title %></h1>
-  <%- page.content %>
-</section>
+<section class="outer">
+  <h1 class="page-type-title"><%= page.title %></h1>
+  <%- page.content %>
+</section>

package/layout/post.ejs

@@ -1,3 +1,3 @@
-<section class="outer">
-  <%- partial('_partial/article', {post: page, index: false}) %>
+<section class="outer">
+  <%- partial('_partial/article', {post: page, index: false}) %>
 </section>