hexo-theme-ayeria 1.9.7-0

package/layout/_partial/viewer.ejs

@@ -0,0 +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()
+</script>

package/layout/archive.ejs

@@ -0,0 +1 @@
+<%- partial('_partial/archive', {pagination: config.archive, index: true}) %>

package/layout/categories.ejs

@@ -0,0 +1,8 @@
+<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

@@ -0,0 +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>

package/layout/index.ejs

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

package/layout/layout.ejs

@@ -0,0 +1,31 @@
+<%- 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>
+
+</html>

package/layout/page.ejs

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

package/layout/plain-page.ejs

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

package/layout/post.ejs

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

package/layout/tags.ejs

@@ -0,0 +1,88 @@
+<section class="outer">
+  <% if (site.tags.length) { %>
+    <h1 class="page-type-title"><%= __('tags') %></h1>
+
+    <% var tagList = site.tags.sort('name'); %>
+
+    <div class="tag-cloud">
+      <div class="tag-cloud-header">
+        <span class="tag-cloud-stats">
+          共 <strong><%= site.tags.length %></strong> 个标签，<strong><%= site.posts.length %></strong> 篇文章
+        </span>
+        <div class="tag-cloud-controls">
+          <div class="tag-cloud-search">
+            <input type="text"
+                   class="tag-cloud-input"
+                   placeholder="搜索标签…"
+                   aria-label="搜索标签" />
+          </div>
+          <div class="tag-cloud-sort">
+            <button type="button" class="tag-sort-btn is-active" data-sort="name">名称</button>
+            <button type="button" class="tag-sort-btn" data-sort="count">热度</button>
+          </div>
+        </div>
+      </div>
+
+      <div class="tag-cloud-wrap">
+        <% tagList.each(function(tag) { %>
+        <a class="tag-cloud-item"
+           href="<%- url_for(tag.path) %>"
+           data-count="<%= tag.posts.length %>"
+           data-name="<%= tag.name.toLowerCase() %>">
+          <span class="tag-cloud-name"><%= tag.name %></span>
+          <span class="tag-cloud-count"><%= tag.posts.length %> 篇文章</span>
+        </a>
+        <% }); %>
+      </div>
+
+      <p class="tag-cloud-empty">没有匹配的标签</p>
+    </div>
+  <% } %>
+</section>
+
+<script>
+(function () {
+  var wrap = document.querySelector('.tag-cloud-wrap');
+  if (!wrap) return;
+
+  var allItems = Array.prototype.slice.call(wrap.querySelectorAll('.tag-cloud-item'));
+  var input = document.querySelector('.tag-cloud-input');
+  var sortBtns = document.querySelectorAll('.tag-sort-btn');
+  var empty = document.querySelector('.tag-cloud-empty');
+
+  if (input) {
+    var timer;
+    input.addEventListener('input', function () {
+      clearTimeout(timer);
+      var self = this;
+      timer = setTimeout(function () {
+        var q = self.value.trim().toLowerCase();
+        var visible = 0;
+        allItems.forEach(function (el) {
+          var match = !q || el.getAttribute('data-name').indexOf(q) !== -1;
+          el.style.display = match ? '' : 'none';
+          if (match) visible++;
+        });
+        if (empty) empty.style.display = visible ? 'none' : '';
+      }, 120);
+    });
+  }
+
+  sortBtns.forEach(function (btn) {
+    btn.addEventListener('click', function () {
+      sortBtns.forEach(function (b) { b.classList.remove('is-active'); });
+      btn.classList.add('is-active');
+
+      var mode = btn.getAttribute('data-sort');
+      allItems.sort(function (a, b) {
+        if (mode === 'count') {
+          var diff = (+b.getAttribute('data-count')) - (+a.getAttribute('data-count'));
+          if (diff !== 0) return diff;
+        }
+        return a.getAttribute('data-name').localeCompare(b.getAttribute('data-name'), 'zh-CN');
+      });
+      allItems.forEach(function (el) { wrap.appendChild(el); });
+    });
+  });
+})();
+</script>

package/package.json

@@ -0,0 +1,38 @@
+{
+  "name": "hexo-theme-ayeria",
+  "version": "1.9.7-0",
+  "description": "A clean and elegant theme for Hexo. Maintained fork of Shen-Yu/hexo-theme-ayer.",
+  "scripts": {
+    "dev": "rollup -c -w",
+    "build": "rollup -c",
+    "test": "stylint source-src/css/style.styl -c .stylintrc"
+  },
+  "source": "source-src/main.js",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/KaleidScoper/hexo-theme-ayeria.git"
+  },
+  "keywords": [
+    "hexo",
+    "theme",
+    "blog",
+    "ayeria",
+    "ayer"
+  ],
+  "author": "Kaleid_5coper <kaleided.scoper@gmail.com>",
+  "contributors": [
+    "Shen-Yu <shenyu@hotmail.com> (original author)"
+  ],
+  "license": "SATA",
+  "bugs": {
+    "url": "https://github.com/KaleidScoper/hexo-theme-ayeria/issues"
+  },
+  "homepage": "https://github.com/KaleidScoper/hexo-theme-ayeria",
+  "devDependencies": {
+    "autoprefixer": "^9.8.6",
+    "rollup": "^2.50.2",
+    "rollup-plugin-styles": "^3.14.1",
+    "rollup-plugin-terser": "^7.0.2",
+    "stylint": "^2.0.0"
+  }
+}

package/scripts/default_config.js

@@ -0,0 +1,6 @@
+'use strict';
+
+module.exports = {
+  // 生成meta `generator`
+  meta_generator: true
+};

package/scripts/events/index.js

@@ -0,0 +1,11 @@
+/* global hexo */
+
+"use strict";
+
+hexo.on("generateBefore", () => {
+  require("./lib/merge-configs")(hexo);
+});
+
+hexo.on("generateAfter", () => {
+  require("./lib/hello")(hexo);
+});

package/scripts/events/lib/hello.js

@@ -0,0 +1,45 @@
+"use strict";
+
+module.exports = (hexo) => {
+  const isZh = hexo.theme.i18n.languages[0].search(/zh-CN/i) !== -1;
+  const title = hexo.config.title || 'My Blog';
+  const url = hexo.config.url || '';
+
+  const pad = (str, width) => {
+    const gap = width - str.length;
+    if (gap <= 0) return str;
+    const left = Math.floor(gap / 2);
+    return ' '.repeat(left) + str + ' '.repeat(gap - left);
+  };
+
+  const art = [
+    '     _ __   _______ ____  ___    _',
+    '    / \\\\ \\ / / ____|  _ \\|_ _|  / \\',
+    '   / _ \\\\ V /|  _| | |_) || |  / _ \\',
+    '  / ___ \\| | | |___|  _ < | | / ___ \\',
+    ' /_/   \\_\\_| |_____|_| \\_\\___/_/   \\_\\'
+  ];
+
+  const W = 46;
+  const line1 = pad(title, W);
+  const line2 = isZh
+    ? pad('Hexo 博客 · Ayeria 主题', W)
+    : pad('Hexo Blog · Theme Ayeria', W);
+  const line3 = pad(url, W);
+
+  const border = '-'.repeat(W + 2);
+  const empty = '|' + ' '.repeat(W) + '|';
+  const artStr = art.map(l => '|' + pad(l, W) + '|').join('\n');
+
+  hexo.log.info(`
+${border}
+${empty}
+${artStr}
+${empty}
+|${line1}|
+|${line2}|
+|${line3}|
+${empty}
+${border}
+`);
+};

package/scripts/events/lib/merge-configs.js

@@ -0,0 +1,28 @@
+"use strict";
+
+const objUtil = require("../../utils/object");
+const { isNotEmptyObject } = require("../../utils/object");
+
+module.exports = (hexo) => {
+  const isZh = hexo.theme.i18n.languages[0].search(/zh-CN/i) !== -1;
+
+  if (isNotEmptyObject(hexo.config.theme_config)) {
+    hexo.theme.config = objUtil.merge(
+      {},
+      hexo.theme.config,
+      hexo.config.theme_config
+    );
+    if (isZh) {
+      hexo.log.info("[Ayeria] 读取 _config.yml 中 theme_config 配置项覆盖配置");
+    } else {
+      hexo.log.info(
+        "[Ayeria] Merge theme config from theme_config in _config.yml"
+      );
+    }
+  }
+
+  hexo.log.debug(
+    "[Ayeria] Output theme config:\n",
+    JSON.stringify(hexo.theme.config, undefined, 2)
+  );
+};

package/scripts/filters/index.js

@@ -0,0 +1,13 @@
+'use strict';
+
+const metaGeneratorPath = './meta_generator';
+
+module.exports = hexo => {
+  /* const {
+    filter
+  } = hexo.extend; */
+  // filter.register('after_render:html', require('./meta_generator'));
+};
+
+// 保持过滤器最先执行
+hexo.extend.filter.register('after_render:html', require(metaGeneratorPath), 1);

package/scripts/filters/meta_generator.js

@@ -0,0 +1,17 @@
+'use strict';
+
+const defaultConfig = require('../default_config');
+
+function hexoMetaGeneratorInject(data) {
+  const config = defaultConfig;
+  if (!config.meta_generator || !data ||
+    data.match(/<meta\s+name=['|"]?generator['|"]?/i)) {
+    return;
+  }
+
+  const hexoGeneratorTag = `\n  <meta name="generator" content="hexo-theme-ayeria">`;
+
+  return data.replace('</title>', '</title>' + hexoGeneratorTag);
+}
+
+module.exports = hexoMetaGeneratorInject;

package/scripts/helpers/ayeria-plus-vendors.js

@@ -0,0 +1,9 @@
+/* global hexo */
+
+'use strict';
+
+/** 自定义链接生成 */
+hexo.extend.helper.register('ayeria_plus_vendors', function (url) {
+  if (url.startsWith('//')) return url;
+  return this.url_for(`${url}`);
+});

package/scripts/helpers/category-tree.js

@@ -0,0 +1,90 @@
+'use strict';
+
+/**
+ * Custom category tree helper for the /categories page.
+ *
+ * Generates a "dual-column block" per root category:
+ *   Left  — category name (large) + total post count
+ *   Right — subcategories as a tree list with indent guide lines
+ *
+ * Usage in EJS:  <%- category_tree([options]) %>
+ */
+
+hexo.extend.helper.register('category_tree', function (options) {
+  const opts = Object.assign(
+    {
+      orderby: 'name',
+      order: 1,
+    },
+    (this.theme || {}).category_tree,
+    options
+  );
+
+  const categories = this.site.categories;
+  if (!categories || !categories.length) return '';
+
+  const self = this;
+
+  function sortCategories(cats) {
+    const arr = cats.toArray();
+    const key = opts.orderby === 'count' ? 'length' : 'name';
+    arr.sort((a, b) => {
+      const va = key === 'length' ? a.posts.length : a.name;
+      const vb = key === 'length' ? b.posts.length : b.name;
+      if (va < vb) return -1 * opts.order;
+      if (va > vb) return 1 * opts.order;
+      return 0;
+    });
+    return arr;
+  }
+
+  function renderSubtree(cats) {
+    const sorted = sortCategories(cats);
+    if (!sorted.length) return '';
+
+    let html = '<ul class="cat-subtree">';
+
+    sorted.forEach(cat => {
+      const children = categories.filter(c => c.parent === cat._id);
+      const hasChildren = children.length > 0;
+
+      html += '<li class="cat-subitem">';
+      html += `<a class="cat-sublink" href="${self.url_for(cat.path)}">${cat.name}</a>`;
+      html += `<span class="cat-subcount">\uff08${cat.posts.length}\uff09</span>`;
+
+      if (hasChildren) {
+        html += renderSubtree(children);
+      }
+
+      html += '</li>';
+    });
+
+    html += '</ul>';
+    return html;
+  }
+
+  const roots = sortCategories(categories.filter(cat => !cat.parent));
+  let html = '';
+
+  roots.forEach(cat => {
+    const total = cat.posts.length;
+    const children = categories.filter(c => c.parent === cat._id);
+
+    html += '<div class="cat-block">';
+
+    html += '<div class="cat-block-left">';
+    html += `<a class="cat-block-name" href="${self.url_for(cat.path)}">${cat.name}</a>`;
+    html += `<span class="cat-block-total">${self.__('posts_count', total)}</span>`;
+    html += '</div>';
+
+    html += '<div class="cat-block-right">';
+    if (children.length > 0) {
+      html += renderSubtree(children);
+    }
+    html += '</div>';
+
+    html += '</div>';
+  });
+
+  return html;
+});

package/scripts/helpers/wordcount.js

@@ -0,0 +1,39 @@
+var util = require('hexo-util');
+var stripHTML = util.stripHTML;
+
+var counter = function (content) {
+  content = stripHTML(content);
+  const cn = (content.match(/[\u4E00-\u9FA5]/g) || []).length;
+  const en = (content.replace(/[\u4E00-\u9FA5]/g, '').match(/[a-zA-Z0-9_\u0392-\u03c9\u0400-\u04FF]+|[\u4E00-\u9FFF\u3400-\u4dbf\uf900-\ufaff\u3040-\u309f\uac00-\ud7af\u0400-\u04FF]+|[\u00E4\u00C4\u00E5\u00C5\u00F6\u00D6]+|\w+/g) || []).length;
+  return [cn, en];
+};
+
+hexo.extend.helper.register('min2read', function (content, {
+  cn = 300,
+  en = 160
+} = {}) {
+  var len = counter(content);
+  var readingTime = len[0] / cn + len[1] / en;
+  return readingTime < 1 ? '1' : parseInt(readingTime, 10);
+});
+
+hexo.extend.helper.register('wordcount', function (content) {
+  var len = counter(content);
+  var count = len[0] + len[1];
+  if (count < 1000) {
+    return count;
+  }
+  return Math.round(count / 100) / 10 + 'k';
+});
+
+hexo.extend.helper.register('totalcount', function (site) {
+  var count = 0;
+  site.posts.forEach(function (post) {
+    var len = counter(post.content);
+    count += len[0] + len[1];
+  });
+  if (count < 1000) {
+    return count;
+  }
+  return Math.round(count / 100) / 10 + 'k';
+});

package/scripts/lib/core.js

@@ -0,0 +1,25 @@
+/* global hexo */
+
+'use strict';
+
+// Hexo事件:https://hexo.io/zh-cn/api/events
+
+/** 在静态文件生成前发布 */
+hexo.on('generateBefore', () => {
+  // Merge config.
+  //require('./../filters/index')(hexo);
+});
+
+/** 在文章文件建立后发布。该事件返回文章参数。 */
+hexo.on('new', function (post) {
+  //console.log(post)
+});
+
+/** 在文章开始渲染前执行 */
+hexo.extend.filter.register('before_post_render', function (data) {
+  //var config = hexo.config;
+  //console.log(3);
+  //console.log(config);
+  //console.log(hexo.theme.config);
+
+});

package/scripts/utils/join-path.js

@@ -0,0 +1,12 @@
+'use strict';
+
+const joinPath = function(base, relative) {
+  if (relative && /^https*:\/\//.test(relative)) {
+    return relative;
+  }
+  return relative
+    ? base.replace(/\/+$/, '') + '/' + relative.replace(/^\/+/, '')
+    : base;
+};
+
+module.exports = joinPath;

package/scripts/utils/object.js

@@ -0,0 +1,31 @@
+'use strict';
+
+const isObject = (obj) => {
+  return obj && typeof obj === 'object' && !Array.isArray(obj);
+};
+
+const isNotEmptyObject = (obj) => {
+  return obj && typeof obj === 'object' && Object.getOwnPropertyNames(obj).length !== 0;
+};
+
+const merge = (target, ...sources) => {
+  for (const source of sources) {
+    for (const key in source) {
+      if (!Object.prototype.hasOwnProperty.call(source, key)) {
+        continue;
+      }
+      if (isObject(target[key]) && isObject(source[key])) {
+        merge(target[key], source[key]);
+      } else {
+        target[key] = source[key];
+      }
+    }
+  }
+  return target;
+};
+
+module.exports = {
+  isObject,
+  isNotEmptyObject,
+  merge
+};