npm - hexo-theme-gnix - Versions diffs - 1.1.0 - Mend

hexo-theme-gnix 1.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (143) hide show

package/README.md +106 -0
package/include/hexo/filter/locals.js +109 -0
package/include/hexo/generator/categories.js +12 -0
package/include/hexo/generator/category.js +52 -0
package/include/hexo/generator/insight.js +50 -0
package/include/hexo/generator/manifest.js +23 -0
package/include/hexo/generator/tags.js +12 -0
package/include/hexo/helper/cdn.js +21 -0
package/include/hexo/helper/page.js +27 -0
package/include/hexo/view.js +40 -0
package/include/register.js +11 -0
package/include/util/common.js +33 -0
package/languages/en.yml +47 -0
package/languages/fr.yml +46 -0
package/languages/ja.yml +46 -0
package/languages/zh-CN.yml +47 -0
package/languages/zh-TW.yml +47 -0
package/layout/archive.jsx +118 -0
package/layout/categories.jsx +137 -0
package/layout/category.jsx +38 -0
package/layout/comment/disqus.jsx +79 -0
package/layout/comment/disqusjs.jsx +127 -0
package/layout/comment/giscus.jsx +193 -0
package/layout/comment/gitalk.jsx +141 -0
package/layout/comment/twikoo.jsx +63 -0
package/layout/comment/utterances.jsx +86 -0
package/layout/comment/valine.jsx +143 -0
package/layout/comment/waline.jsx +156 -0
package/layout/common/article.jsx +131 -0
package/layout/common/article_cover.jsx +33 -0
package/layout/common/article_media.jsx +34 -0
package/layout/common/comment.jsx +38 -0
package/layout/common/footer.jsx +228 -0
package/layout/common/head.jsx +242 -0
package/layout/common/navbar.jsx +219 -0
package/layout/common/plugins.jsx +39 -0
package/layout/common/scripts.jsx +49 -0
package/layout/common/search.jsx +22 -0
package/layout/common/theme_selector.jsx +79 -0
package/layout/common/toc.jsx +53 -0
package/layout/index.jsx +29 -0
package/layout/layout.jsx +34 -0
package/layout/misc/article_licensing.jsx +114 -0
package/layout/misc/meta.jsx +61 -0
package/layout/misc/open_graph.jsx +164 -0
package/layout/misc/paginator.jsx +90 -0
package/layout/misc/structured_data.jsx +110 -0
package/layout/misc/web_app.jsx +106 -0
package/layout/page.jsx +12 -0
package/layout/plugin/bing_webmaster.jsx +47 -0
package/layout/plugin/busuanzi.jsx +40 -0
package/layout/plugin/clarity.jsx +22 -0
package/layout/plugin/cookie_consent.jsx +136 -0
package/layout/plugin/google_analytics.jsx +66 -0
package/layout/plugin/google_tag_mamager.jsx +41 -0
package/layout/plugin/netlify.jsx +39 -0
package/layout/plugin/pjax.jsx +20 -0
package/layout/plugin/statcounter.jsx +69 -0
package/layout/plugin/twitter_conversion_tracking.jsx +51 -0
package/layout/post.jsx +16 -0
package/layout/search/insight.jsx +53 -0
package/layout/tag.jsx +29 -0
package/layout/tags.jsx +55 -0
package/package.json +42 -0
package/scripts/index.js +1 -0
package/source/css/callout_blocks.css +204 -0
package/source/css/default.css +1590 -0
package/source/css/font/woff2/Futura-Book.woff2 +0 -0
package/source/css/font/woff2/Paris2024-Variable.woff2 +0 -0
package/source/css/font/woff2/doto.woff2 +0 -0
package/source/css/optional/chinese.css +17 -0
package/source/css/responsive/desktop.css +164 -0
package/source/css/responsive/mobile.css +46 -0
package/source/css/responsive/tablet.css +46 -0
package/source/css/responsive/touch.css +254 -0
package/source/css/shiki/shiki.min.css +1 -0
package/source/css/twikoo.css +2143 -0
package/source/img/avatar.webp +0 -0
package/source/img/background.webp +0 -0
package/source/img/favicon.svg +6 -0
package/source/img/logo.svg +9 -0
package/source/img/og_image.png +0 -0
package/source/js/busuanzi.js +46 -0
package/source/js/host/cookieconsent/3.1.1/build/cookieconsent.min.css +6 -0
package/source/js/host/cookieconsent/3.1.1/build/cookieconsent.min.js +1 -0
package/source/js/host/iconify-icon/3.0.2/iconify-icon.min.js +12 -0
package/source/js/host/medium-zoom/dist/medium-zoom.min.js +2 -0
package/source/js/host/mermaid/mermaid.min.js +2811 -0
package/source/js/host/pjax/0.2.8/pjax.min.js +1 -0
package/source/js/host/twikoo/1.6.41/dist/twikoo.all.min.js +2 -0
package/source/js/insight.js +330 -0
package/source/js/instant-page.min.js +1 -0
package/source/js/live2d_Asoul/Model/Ava/Ava.4096/texture_00.webp +0 -0
package/source/js/live2d_Asoul/Model/Ava/Ava.moc3 +0 -0
package/source/js/live2d_Asoul/Model/Ava/Ava.model3.json +323 -0
package/source/js/live2d_Asoul/Model/Ava/Ava.physics3.json +1225 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_idle.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_shake01.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_shake02.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap01.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap02.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap03.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap04.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap05.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap06.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap07.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap08.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap09.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap10.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/motions/Ava_tap11.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Ava/raw.ex.json +16 -0
package/source/js/live2d_Asoul/Model/Ava/raw.model3.json +321 -0
package/source/js/live2d_Asoul/Model/Diana/Diana.4096/texture_00.webp +0 -0
package/source/js/live2d_Asoul/Model/Diana/Diana.moc3 +0 -0
package/source/js/live2d_Asoul/Model/Diana/Diana.model3.json +212 -0
package/source/js/live2d_Asoul/Model/Diana/Diana.physics3.json +764 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_idle.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap01.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap02.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap03.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap04.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap05.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap06.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap07.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap08.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap09.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap10.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/motions/Diana_tap11.motion3.json +1 -0
package/source/js/live2d_Asoul/Model/Diana/raw.ex.json +16 -0
package/source/js/live2d_Asoul/Model/Diana/raw.model3.json +210 -0
package/source/js/live2d_Asoul/TweenLite.js +12 -0
package/source/js/live2d_Asoul/cubism4.min.js +2 -0
package/source/js/live2d_Asoul/live2dcubismcore.min.js +9 -0
package/source/js/live2d_Asoul/load.js +231 -0
package/source/js/live2d_Asoul/pio.css +161 -0
package/source/js/live2d_Asoul/pio.js +296 -0
package/source/js/live2d_Asoul/pio_sdk4.js +149 -0
package/source/js/live2d_Asoul/pixi.min.js +9 -0
package/source/js/main.js +218 -0
package/source/js/pjax.js +29 -0
package/source/js/shiki/shiki.js +191 -0
package/source/js/theme-selector.js +206 -0
package/util/cache.js +47 -0

package/layout/common/toc.jsx ADDED Viewed

@@ -0,0 +1,53 @@
+const { Component } = require("../../include/util/common");
+class FloatingToc extends Component {
+  render() {
+    const { helper, page } = this.props;
+    const tocContent = helper.toc(page.content, {
+      class: "toc",
+      list_number: false,
+    });
+    if (!tocContent) {
+      return null;
+    }
+    return (
+      <div class="toc-container" id="icarus-toc-container">
+        <button class="toc-button" onclick="document.getElementById('icarus-toc-container').classList.toggle('is-open')">
+          <svg
+            xmlns="http://www.w3.org/2000/svg"
+            width="24"
+            height="24"
+            viewBox="0 0 24 24"
+            fill="none"
+            stroke="currentColor"
+            stroke-width="2"
+            stroke-linecap="round"
+            stroke-linejoin="round"
+            aria-label="Table of Contents"
+          >
+            <title>Table of Contents</title>
+            <line x1="8" y1="6" x2="21" y2="6"></line>
+            <line x1="8" y1="12" x2="21" y2="12"></line>
+            <line x1="8" y1="18" x2="21" y2="18"></line>
+            <line x1="3" y1="6" x2="3.01" y2="6"></line>
+            <line x1="3" y1="12" x2="3.01" y2="12"></line>
+            <line x1="3" y1="18" x2="3.01" y2="18"></line>
+          </svg>
+        </button>
+        <div class="toc-body" onclick="if(event.target === this || event.target.closest('.toc-link')) { document.getElementById('icarus-toc-container').classList.remove('is-open'); }">
+          <div dangerouslySetInnerHTML={{ __html: tocContent }} />
+        </div>
+      </div>
+    );
+  }
+}
+class Widgets extends Component {
+  render() {
+    return <FloatingToc {...this.props} />;
+  }
+}
+module.exports = Widgets;

package/layout/index.jsx ADDED Viewed

@@ -0,0 +1,29 @@
+const { Component, Fragment } = require("../include/util/common");
+const Paginator = require("./misc/paginator");
+const Article = require("./common/article");
+module.exports = class extends Component {
+  render() {
+    const { config, page, helper } = this.props;
+    const { __, url_for } = helper;
+    return (
+      <Fragment>
+        {page.posts.map((post) => (
+          <Article config={config} page={post} helper={helper} index={true} />
+        ))}
+        {page.total > 1 ? (
+          <Paginator
+            current={page.current}
+            total={page.total}
+            baseUrl={page.base}
+            path={config.pagination_dir}
+            urlFor={url_for}
+            prevTitle={__("common.prev")}
+            nextTitle={__("common.next")}
+          />
+        ) : null}
+      </Fragment>
+    );
+  }
+};

package/layout/layout.jsx ADDED Viewed

@@ -0,0 +1,34 @@
+const { Component } = require("../include/util/common");
+const Head = require("./common/head");
+const Navbar = require("./common/navbar");
+const Footer = require("./common/footer");
+const Scripts = require("./common/scripts");
+const Search = require("./common/search");
+const ThemeSelector = require("./common/theme_selector");
+module.exports = class extends Component {
+  render() {
+    const { site, config, page, helper, body } = this.props;
+    const language = page.lang || page.language || config.language || "en";
+    return (
+      <html lang={language ? language : ""}>
+        <Head site={site} config={config} helper={helper} page={page} />
+        <body>
+          <Navbar config={config} helper={helper} page={page} />
+          <ThemeSelector />
+          <section class="section">
+            <div
+              class="main-content"
+              dangerouslySetInnerHTML={{ __html: body }}
+            ></div>
+          </section>
+          <Footer site={site} config={config} helper={helper} />
+          <Scripts site={site} config={config} helper={helper} page={page} />
+          <Search config={config} helper={helper} />
+        </body>
+      </html>
+    );
+  }
+};

package/layout/misc/article_licensing.jsx ADDED Viewed

@@ -0,0 +1,114 @@
+const { Component, cacheComponent } = require("../../include/util/common");
+class ArticleLicensing extends Component {
+  render() {
+    const {
+      title,
+      link,
+      author,
+      authorTitle,
+      createdAt,
+      createdTitle,
+      updatedAt,
+      updatedTitle,
+      licenses,
+      licensedTitle,
+    } = this.props;
+    return (
+      <div class="article-licensing">
+        <div class="article-licensing-bg-icon">
+          <iconify-icon icon="mdi:creative-commons" />
+        </div>
+        <div class="licensing-title">
+          {title ? <p>{title}</p> : null}
+          <p>
+            <a href={link}>{link}</a>
+          </p>
+        </div>
+        <div class="licensing-meta level is-mobile">
+          <div style="display: flex">
+            {author ? (
+              <div class="level-item is-narrow">
+                <div>
+                  <p>{authorTitle}</p>
+                  <p>{author}</p>
+                </div>
+              </div>
+            ) : null}
+            {createdAt ? (
+              <div class="level-item is-narrow">
+                <div>
+                  <p>{createdTitle}</p>
+                  <p>{createdAt}</p>
+                </div>
+              </div>
+            ) : null}
+            {updatedAt ? (
+              <div class="level-item is-narrow">
+                <div>
+                  <p>{updatedTitle}</p>
+                  <p>{updatedAt}</p>
+                </div>
+              </div>
+            ) : null}
+            {licenses && Object.keys(licenses).length ? (
+              <div class="level-item is-narrow">
+                <div>
+                  <p>{licensedTitle}</p>
+                  <p>
+                    {Object.keys(licenses).map((name) => (
+                      <a
+                        rel="noopener"
+                        target="_blank"
+                        title={name}
+                        href={licenses[name].url}
+                      >
+                        <iconify-icon icon={licenses[name].icon} />
+                      </a>
+                    ))}
+                  </p>
+                </div>
+              </div>
+            ) : null}
+          </div>
+        </div>
+      </div>
+    );
+  }
+}
+ArticleLicensing.Cacheable = cacheComponent(
+  ArticleLicensing,
+  "misc.articlelicensing",
+  (props) => {
+    const { config, page, helper } = props;
+    const { licenses } = config.article || {};
+    const links = {};
+    if (licenses) {
+      Object.keys(licenses).forEach((name) => {
+        const license = licenses[name];
+        links[name] = {
+          url: helper.url_for(
+            typeof license === "string" ? license : license.url,
+          ),
+          icon: license.icon,
+        };
+      });
+    }
+    return {
+      title: page.title,
+      link: decodeURI(page.permalink),
+      author: page.author || config.author,
+      authorTitle: helper.__("article.licensing.author"),
+      createdAt: page.date ? helper.date(page.date) : null,
+      createdTitle: helper.__("article.licensing.created_at"),
+      updatedAt: page.updated ? helper.date(page.updated) : null,
+      updatedTitle: helper.__("article.licensing.updated_at"),
+      licenses: links,
+      licensedTitle: helper.__("article.licensing.licensed_under"),
+    };
+  },
+);
+module.exports = ArticleLicensing;

package/layout/misc/meta.jsx ADDED Viewed

@@ -0,0 +1,61 @@
+/**
+ * A JSX component that renders &lt;meta&gt; tags.
+ * @module view/misc/meta
+ */
+const { Component } = require("inferno");
+function trim(str) {
+  return str
+    .trim()
+    .replace(/^"(.*)"$/, "$1")
+    .replace(/^'(.*)'$/, "$1");
+}
+function split(str, sep) {
+  const result = [];
+  let matched = null;
+  while ((matched = sep.exec(str)) !== null) {
+    result.push(matched[0]);
+  }
+  return result;
+}
+/**
+ * A JSX component that renders &lt;meta&gt; tags.
+ *
+ * @name Meta
+ * @example
+ * <Meta meta={[
+ *     'name="generator";content="Hexo 4.2.0"'
+ *     'property="article:author";content="PPOffice"'
+ * ]} />
+ */
+module.exports = class extends Component {
+  render() {
+    let { meta = [] } = this.props;
+    if (!Array.isArray(meta)) {
+      meta = [meta];
+    }
+    const tags = meta
+      .filter((entry) => typeof entry === "string")
+      .map((entry) => {
+        const props = split(entry, /(?:[^\\;]+|\\.)+/g)
+          .map((property) => {
+            const entry = split(property, /(?:[^\\=]+|\\.)+/g);
+            if (entry.length < 2) {
+              return null;
+            }
+            return { [trim(entry[0])]: trim(entry[1]) };
+          })
+          .filter((property) => {
+            return property !== null;
+          })
+          .reduce((prev, current) => {
+            return Object.assign(prev, current);
+          }, {});
+        return <meta {...props} />;
+      });
+    return <>{tags}</>;
+  }
+};

package/layout/misc/open_graph.jsx ADDED Viewed

@@ -0,0 +1,164 @@
+/**
+ * A JSX component that renders Open Graph tags.
+ * @module view/misc/open_graph
+ *
+ * @see https://hexo.io/docs/helpers#open-graph
+ * @see https://github.com/hexojs/hexo/blob/4.2.0/lib/plugins/helper/open_graph.js
+ */
+const urlFn = require("node:url");
+const moment = require("moment");
+const { Component } = require("inferno");
+const { encodeURL, stripHTML, escapeHTML } = require("hexo-util");
+const localeMap = {
+  en: "en_US",
+  de: "de_DE",
+  es: "es_ES",
+  fr: "fr_FR",
+  hu: "hu_HU",
+  id: "id_ID",
+  it: "it_IT",
+  ja: "ja_JP",
+  ko: "ko_KR",
+  nl: "nl_NL",
+  ru: "ru_RU",
+  th: "th_TH",
+  tr: "tr_TR",
+  vi: "vi_VN",
+};
+const localeRegex = new RegExp(Object.keys(localeMap).join("|"), "i");
+module.exports = class extends Component {
+  render() {
+    const {
+      type,
+      title,
+      date,
+      updated,
+      author,
+      url,
+      siteName,
+      twitterCard,
+      twitterSite,
+      googlePlus,
+      facebookAdmins,
+      facebookAppId,
+    } = this.props;
+    let { description, language, images, keywords, twitterId } = this.props;
+    const htmlTags = [];
+    if (description) {
+      description = escapeHTML(
+        stripHTML(description).substring(0, 200).trim(),
+      ).replace(/\n/g, " ");
+      htmlTags.push(<meta name="description" content={description} />);
+    }
+    htmlTags.push(<meta property="og:type" content={type || "website"} />);
+    htmlTags.push(<meta property="og:title" content={title} />);
+    htmlTags.push(<meta property="og:url" content={encodeURL(url)} />);
+    htmlTags.push(<meta property="og:site_name" content={siteName} />);
+    if (description) {
+      htmlTags.push(<meta property="og:description" content={description} />);
+    }
+    if (language) {
+      if (language.length === 2) {
+        language = language.replace(localeRegex, (str) => localeMap[str]);
+        htmlTags.push(<meta property="og:locale" content={language} />);
+      } else if (language.length === 5) {
+        const territory = language.slice(-2);
+        const territoryRegex = new RegExp(territory.concat("$"));
+        language = language
+          .replace("-", "_")
+          .replace(territoryRegex, territory.toUpperCase());
+        htmlTags.push(<meta property="og:locale" content={language} />);
+      }
+    }
+    if (!Array.isArray(images)) {
+      images = [images];
+    }
+    images
+      .map((path) => {
+        if (!urlFn.parse(path).host) {
+          // resolve `path`'s absolute path relative to current page's url
+          // `path` can be both absolute (starts with `/`) or relative.
+          return urlFn.resolve(url, path);
+        }
+        return path;
+      })
+      .forEach((path) => {
+        htmlTags.push(<meta property="og:image" content={path} />);
+      });
+    if (
+      date &&
+      (moment.isMoment(date) || moment.isDate(date)) &&
+      !Number.isNaN(date.valueOf())
+    ) {
+      htmlTags.push(
+        <meta property="article:published_time" content={date.toISOString()} />,
+      );
+    }
+    if (
+      updated &&
+      (moment.isMoment(updated) || moment.isDate(updated)) &&
+      !Number.isNaN(updated.valueOf())
+    ) {
+      htmlTags.push(
+        <meta
+          property="article:modified_time"
+          content={updated.toISOString()}
+        />,
+      );
+    }
+    if (author) {
+      htmlTags.push(<meta property="article:author" content={author} />);
+    }
+    if (keywords) {
+      if (typeof keywords === "string") {
+        keywords = [keywords];
+      }
+      keywords
+        .map((tag) => {
+          return tag.name ? tag.name : tag;
+        })
+        .filter(Boolean)
+        .forEach((keyword) => {
+          htmlTags.push(<meta property="article:tag" content={keyword} />);
+        });
+    }
+    htmlTags.push(
+      <meta property="twitter:card" content={twitterCard || "summary"} />,
+    );
+    if (twitterId) {
+      htmlTags.push(<meta property="twitter:creator" content={twitterId} />);
+    }
+    if (twitterSite) {
+      htmlTags.push(<meta property="twitter:site" content={twitterSite} />);
+    }
+    if (googlePlus) {
+      htmlTags.push(<link rel="publisher" href={googlePlus} />);
+    }
+    if (facebookAdmins) {
+      htmlTags.push(<meta property="fb:admins" content={facebookAdmins} />);
+    }
+    if (facebookAppId) {
+      htmlTags.push(<meta property="fb:app_id" content={facebookAppId} />);
+    }
+    return <>{htmlTags}</>;
+  }
+};

package/layout/misc/paginator.jsx ADDED Viewed

@@ -0,0 +1,90 @@
+const { Component } = require("inferno");
+module.exports = class extends Component {
+  render() {
+    const { current, total, baseUrl, path, urlFor, prevTitle, nextTitle } =
+      this.props;
+    function getPageUrl(i) {
+      return urlFor(i === 1 ? baseUrl : `${baseUrl + path}/${i}/`);
+    }
+    function pagination(c, m) {
+      const current = c;
+      const last = m;
+      const delta = 2;
+      const left = current - delta;
+      const right = current + delta + 1;
+      const range = [];
+      const elements = [];
+      let l;
+      for (let i = 1; i <= last; i++) {
+        if (i === 1 || i === last || (i >= left && i < right)) {
+          range.push(i);
+        }
+      }
+      for (const i of range) {
+        if (l) {
+          if (i - l === 2) {
+            elements.push(
+              <li>
+                <a class="pagination-link" href={getPageUrl(l + 1)}>
+                  {l + 1}
+                </a>
+              </li>,
+            );
+          } else if (i - l !== 1) {
+            elements.push(
+              <li>
+                <span
+                  class="pagination-ellipsis"
+                  dangerouslySetInnerHTML={{ __html: "&hellip;" }}
+                ></span>
+              </li>,
+            );
+          }
+        }
+        elements.push(
+          <li>
+            <a
+              class={`pagination-link${c === i ? " is-current" : ""}`}
+              href={getPageUrl(i)}
+            >
+              {i}
+            </a>
+          </li>,
+        );
+        l = i;
+      }
+      return elements;
+    }
+    return (
+      <nav
+        class="pagination is-centered"
+        aria-label="pagination"
+        style="padding-top: 1.5em;"
+      >
+        <a
+          href={getPageUrl(current - 1)}
+          class={`pagination-previous`}
+          style={current > 1 ? {} : { visibility: "hidden" }}
+        >
+          {prevTitle}
+        </a>
+        <a
+          href={getPageUrl(current + 1)}
+          class={`pagination-next`}
+          style={current < total ? {} : { visibility: "hidden" }}
+        >
+          {nextTitle}
+        </a>
+        <ul class="pagination-list is-hidden-mobile">
+          {pagination(current, total)}
+        </ul>
+      </nav>
+    );
+  }
+};

package/layout/misc/structured_data.jsx ADDED Viewed

@@ -0,0 +1,110 @@
+/**
+ * A JSX component that renders simple Google structured data.
+ * @module view/misc/structured_data
+ */
+const urlFn = require("node:url");
+const moment = require("moment");
+const { Component } = require("inferno");
+const { stripHTML, escapeHTML } = require("hexo-util");
+/**
+ * A JSX component that renders simple Google structured data.
+ *
+ * @name StructuredData
+ * @example
+ * <StructuredData
+ *     title="Page title"
+ *     url="/page/url"
+ *     author="Page author name"
+ *     publisher="Page publisher name"
+ *     publisherLogo="/path/to/logo"
+ *     description="Page description"
+ *     images={[ '/path/to/image' ]}
+ *     date="Page publish date"
+ *     updated="Page update date" />
+ */
+module.exports = class extends Component {
+  render() {
+    const { title, url, author, publisher } = this.props;
+    let { description, images, date, updated, publisherLogo } = this.props;
+    if (description) {
+      description = escapeHTML(
+        stripHTML(description).substring(0, 200).trim(),
+      ).replace(/\n/g, " ");
+    }
+    if (!Array.isArray(images)) {
+      images = [images];
+    }
+    images = images
+      .map((path) => {
+        if (!urlFn.parse(path).host) {
+          // resolve `path`'s absolute path relative to current page's url
+          // `path` can be both absolute (starts with `/`) or relative.
+          return urlFn.resolve(url, path);
+        }
+        return path;
+      })
+      .filter(
+        (url) =>
+          url.endsWith(".jpg") ||
+          url.endsWith(".png") ||
+          url.endsWith(".gif") ||
+          url.endsWith(".webp"),
+      );
+    if (typeof publisherLogo === "string" && !urlFn.parse(publisherLogo).host) {
+      publisherLogo = urlFn.resolve(url, publisherLogo);
+    }
+    if (
+      date &&
+      (moment.isMoment(date) || moment.isDate(date)) &&
+      !Number.isNaN(date.valueOf())
+    ) {
+      date = date.toISOString();
+    }
+    if (
+      updated &&
+      (moment.isMoment(updated) || moment.isDate(updated)) &&
+      !Number.isNaN(updated.valueOf())
+    ) {
+      updated = updated.toISOString();
+    }
+    const data = {
+      "@context": "https://schema.org",
+      "@type": "BlogPosting",
+      mainEntityOfPage: {
+        "@type": "WebPage",
+        "@id": url,
+      },
+      headline: title,
+      image: images,
+      datePublished: date,
+      dateModified: updated,
+      author: {
+        "@type": "Person",
+        name: author,
+      },
+      publisher: {
+        "@type": "Organization",
+        name: publisher,
+        logo: {
+          "@type": "ImageObject",
+          url: publisherLogo,
+        },
+      },
+      description: description,
+    };
+    return (
+      <script
+        type="application/ld+json"
+        dangerouslySetInnerHTML={{ __html: JSON.stringify(data) }}
+      ></script>
+    );
+  }
+};