hexo-theme-gnix 1.1.0

package/languages/zh-CN.yml

@@ -0,0 +1,47 @@
+common:
+  archive:
+    one: "ARCHIVE"
+    other: "ARCHIVE"
+  category:
+    one: "CATEGORY"
+    other: "CATEGORY"
+  tag:
+    one: "TAGS"
+    other: "TAGS"
+  post:
+    one: "POST"
+    other: "POST"
+  page:
+    one: "PAGE"
+    other: "PAGE"
+  prev: "Previous"
+  next: "Next"
+article:
+  created_at: "%s"
+  more: "Read"
+  comments: "评论"
+  edited: "编辑于"
+  word_count:
+    one: "约%d字"
+    other: "约%d字"
+  licensing:
+    author: "Author"
+    created_at: "Posted on"
+    updated_at: "Updated on"
+    licensed_under: "License under"
+plugin:
+  visit_count: "%sPV" # post页面显示的page view次数
+  visitor_count: 'PV&nbsp;<span id="busuanzi_site_pv">-</span>&nbsp;UV&nbsp;<span id="busuanzi_site_uv">-</span>&nbsp;'
+  cookie_consent:
+    message: 此网站使用 Cookie，以启用评论系统和分析功能。
+    dismiss: 知道了
+    allow: 允许使用Cookie
+    deny: 拒绝
+    link: 了解更多
+    policy: Cookie政策
+search:
+  search: "搜索"
+  hint: "想要查找什么...(Ctrl/󰘳 + K)"
+  no_result: "未找到搜索结果"
+  untitled: "(无标题)"
+  empty_preview: "(无内容预览)"

package/languages/zh-TW.yml

@@ -0,0 +1,47 @@
+common:
+  archive:
+    one: "彙整"
+    other: "彙整"
+  category:
+    one: "分類"
+    other: "分類"
+  tag:
+    one: "標籤"
+    other: "標籤"
+  post:
+    one: "文章"
+    other: "文章"
+  page:
+    one: "頁面"
+    other: "頁面"
+  prev: "上一頁"
+  next: "下一頁"
+article:
+  created_at: "%s發表"
+  more: "繼續閱讀"
+  comments: "評論"
+  edited: "編輯于"
+  word_count:
+    one: "大約%d個字"
+    other: "大約%d個字"
+  licensing:
+    author: "作者"
+    created_at: "發表於"
+    updated_at: "更新於"
+    licensed_under: "許可協議"
+plugin:
+  visit_count: "%s次訪問"
+  visitor_count: "共%s個訪客"
+  cookie_consent:
+    message: 此網站使用Cookie來改善您的體驗。
+    dismiss: 知道了！
+    allow: 允許使用Cookie
+    deny: 拒絕
+    link: 了解更多
+    policy: Cookie政策
+search:
+  search: "搜尋"
+  hint: "請輸入關鍵字..."
+  no_result: "未找到搜索結果"
+  untitled: "(無標題)"
+  empty_preview: "(無內容預覽)"

package/layout/archive.jsx

@@ -0,0 +1,118 @@
+const moment = require("moment");
+const { Component, Fragment } = require("../include/util/common");
+const { toMomentLocale } = require("hexo/dist/plugins/helper/date");
+const Paginator = require("./misc/paginator");
+const ArticleMedia = require("./common/article_media");
+
+module.exports = class extends Component {
+  render() {
+    const { config, page, helper } = this.props;
+    const { url_for, __, date_xml, date } = helper;
+
+    const language = toMomentLocale(
+      page.lang || page.language || config.language,
+    );
+    const timelineCss = `
+            span.year {
+                position: absolute;
+                top: 1.5rem;
+                right: 1.5rem;
+                z-index: 0;
+                font-size: 7.5rem;
+                font-weight: bolder;
+                font-family: Paris2024;
+                color: hsl(from var(--mauve) h s l / 0.15);
+                line-height: 1;
+                user-select: none;
+            }
+            .timeline .archive-item {
+                display: flex;
+                text-align: left;
+                align-items: flex-start;
+            }
+            .timeline .archive-item a {
+                color: var(--text);
+                transition: color 0.2s;
+            }
+            .timeline .archive-item a:hover {
+                color: var(--peach);
+            }
+            .archive-item + .archive-item {
+                border: none;
+                margin-top: 0;
+                padding-top: 1rem;
+            }
+        `;
+    function renderArticleList(posts, year, month = null) {
+      const time = moment(
+        [page.year, page.month ? page.month - 1 : null].filter(
+          (i) => i !== null,
+        ),
+      );
+      return (
+        <div class="card">
+          <div class="card-content">
+            <span class="year">
+              {month === null
+                ? year
+                : time.locale(language).format("MMMM YYYY")}
+            </span>
+            <div class="timeline">
+              {posts.map((post) => {
+                const categories = post.categories.map((category) => ({
+                  url: url_for(category.path),
+                  name: category.name,
+                }));
+                return (
+                  <ArticleMedia
+                    url={url_for(post.link || post.path)}
+                    title={post.title}
+                    date={date(post.date)}
+                    dateXml={date_xml(post.date)}
+                    categories={categories}
+                  />
+                );
+              })}
+            </div>
+          </div>
+        </div>
+      );
+    }
+
+    let articleList;
+    if (!page.year) {
+      const years = {};
+      page.posts.each((p) => {
+        years[p.date.year()] = null;
+      });
+      articleList = Object.keys(years)
+        .sort((a, b) => b - a)
+        .map((year) => {
+          const posts = page.posts.filter(
+            (p) => p.date.year() === parseInt(year, 10),
+          );
+          return renderArticleList(posts, year, null);
+        });
+    } else {
+      articleList = renderArticleList(page.posts, page.year, page.month);
+    }
+
+    return (
+      <Fragment>
+        <style dangerouslySetInnerHTML={{ __html: timelineCss }}></style>
+        {articleList}
+        {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/categories.jsx

@@ -0,0 +1,137 @@
+const { Component, cacheComponent } = require("../include/util/common");
+
+class Categories extends Component {
+  renderList(categories, showCount) {
+    return categories.map((category) => (
+      <li>
+        <a
+          class={`level is-mobile${category.isCurrent ? " is-active" : ""}`}
+          href={category.url}
+        >
+          <span class="level-start">
+            <span class="level-item">{category.name}</span>
+          </span>
+          {showCount ? (
+            <span class="level-end">
+              <span class="level-item" style="font-family: monospace">
+                {category.count}
+              </span>
+            </span>
+          ) : null}
+        </a>
+        {category.children.length ? (
+          <ul>{this.renderList(category.children, false)}</ul>
+        ) : null}
+      </li>
+    ));
+  }
+
+  render() {
+    const { showCount, categories } = this.props;
+    const categoriesListCSS = `
+    .card-content a {
+      padding: 0.5em 0.75em;
+      color: var(--text);
+    }
+    .card-content a.level:hover {
+      background-color: var(--base);
+    }
+    .card-content li ul {
+      border-left: 1px solid var(--surface0);
+      margin: 0.75em;
+      padding-left: 0.75em;
+    }`;
+    return (
+      <div class="card widget" data-type="categories">
+        <style>{categoriesListCSS}</style>
+        <div class="card-content">
+          <ul>{this.renderList(categories, showCount)}</ul>
+        </div>
+      </div>
+    );
+  }
+}
+
+Categories.Cacheable = cacheComponent(
+  Categories,
+  "widget.categories",
+  (props) => {
+    const { page, helper, widget = {} } = props;
+    const {
+      categories = props.site.categories,
+      orderBy = "name",
+      order = 1,
+      showCurrent = false,
+      showCount = true,
+    } = widget;
+    const { url_for, _p } = helper;
+
+    if (!categories || !categories.length) {
+      return null;
+    }
+
+    let depth = 0;
+    try {
+      depth = parseInt(props.depth, 10);
+    } catch (_e) {}
+
+    function prepareQuery(parent) {
+      const query = {};
+
+      if (parent) {
+        query.parent = parent;
+      } else {
+        query.parent = { $exists: false };
+      }
+
+      return categories
+        .find(query)
+        .sort(orderBy, order)
+        .filter((cat) => cat.length);
+    }
+
+    function hierarchicalList(level, parent) {
+      return prepareQuery(parent).map((cat, _) => {
+        let children = [];
+        if (!depth || level + 1 < depth) {
+          children = hierarchicalList(level + 1, cat._id);
+        }
+
+        let isCurrent = false;
+        if (showCurrent && page) {
+          for (let j = 0; j < cat.length; j++) {
+            const post = cat.posts.data[j];
+            if (post && post._id === page._id) {
+              isCurrent = true;
+              break;
+            }
+          }
+          // special case: category page
+          isCurrent = isCurrent || page.base?.startsWith(cat.path);
+        }
+
+        return {
+          children,
+          isCurrent,
+          name: cat.name,
+          count: cat.length,
+          url: url_for(cat.path),
+        };
+      });
+    }
+
+    return {
+      showCount,
+      categories: hierarchicalList(0),
+      title: _p("common.category", Infinity),
+    };
+  },
+);
+
+module.exports = class extends Component {
+  render() {
+    const { site, page, helper } = this.props;
+
+    return <Categories.Cacheable site={site} page={page} helper={helper} />;
+  }
+};

package/layout/category.jsx

@@ -0,0 +1,38 @@
+const { Component, Fragment } = require("../include/util/common");
+const Index = require("./index");
+
+module.exports = class extends Component {
+  render() {
+    const { config, page, helper } = this.props;
+    const { url_for, _p } = helper;
+
+    return (
+      <Fragment>
+        <nav class="breadcrumb" aria-label="breadcrumbs">
+          <ul>
+            <li>
+              {" "}
+              <font style="color: var(--green)">$</font>&nbsp;ls&nbsp;
+              <a href={url_for("/categories/")}>
+                {_p("common.category", Infinity)}
+              </a>
+            </li>
+            {page.parents.map((category) => {
+              return (
+                <li>
+                  <a href={url_for(category.path)}>{category.name}</a>
+                </li>
+              );
+            })}
+            <li class="is-active">
+              <a href="#" aria-current="page">
+                {page.category}
+              </a>
+            </li>
+          </ul>
+        </nav>
+        <Index config={config} page={page} helper={helper} />
+      </Fragment>
+    );
+  }
+};

package/layout/comment/disqus.jsx

@@ -0,0 +1,79 @@
+/**
+ * Disqus comment JSX component.
+ * @module view/comment/disqus
+ */
+const { Component, cacheComponent } = require("../../include/util/common");
+/**
+ * Disqus comment JSX component.
+ *
+ * @see https://disqus.com/admin/install/platforms/universalcode/
+ * @example
+ * <Disqus
+ *     shortname="******"
+ *     disqusId="******"
+ *     permalink="/page/permanent/path"
+ *     path="/path/to/page" />
+ */
+class Disqus extends Component {
+  render() {
+    const { shortname, disqusId, path, permalink } = this.props;
+    if (!shortname) {
+      return (
+        <div class="notification is-danger">
+          You forgot to set the <code>shortname</code> for Disqus. Please set it
+          in <code>_config.yml</code>.
+        </div>
+      );
+    }
+    const js = `var disqus_config = function () {
+            this.page.url = '${permalink}';
+            this.page.identifier = '${disqusId || path}';
+        };
+        (function() {
+            var d = document, s = d.createElement('script');
+            s.src = '//' + '${shortname}' + '.disqus.com/embed.js';
+            s.setAttribute('data-timestamp', +new Date());
+            (d.head || d.body).appendChild(s);
+        })();`;
+    return (
+      <>
+        <div id="disqus_thread">
+          <noscript>
+            Please enable JavaScript to view the{" "}
+            <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a>
+          </noscript>
+        </div>
+        <script dangerouslySetInnerHTML={{ __html: js }}></script>
+      </>
+    );
+  }
+}
+
+/**
+ * Cacheable Disqus comment JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <Disqus.Cacheable
+ *     comment={{ shortname: '*******' }}
+ *     page={{
+ *         path: '/path/to/page',
+ *         disqusId: '******',
+ *         permalink: '/page/permanent/link'
+ *     }} />
+ */
+Disqus.Cacheable = cacheComponent(Disqus, "comment.disqus", (props) => {
+  const { comment, page } = props;
+
+  return {
+    path: page.path,
+    shortname: comment.shortname,
+    disqusId: page.disqusId,
+    permalink: page.permalink,
+  };
+});
+
+module.exports = Disqus;

package/layout/comment/disqusjs.jsx

@@ -0,0 +1,127 @@
+/**
+ * DisqusJS comment JSX component.
+ * @module view/comment/disqusjs
+ */
+const { Component, cacheComponent } = require("../../include/util/common");
+/**
+ * DisqusJS comment JSX component.
+ *
+ * @see https://github.com/SukkaW/DisqusJS
+ * @example
+ * <DisqusJs
+ *     shortname="******"
+ *     apiKey="******"
+ *     api="******"
+ *     admin="******"
+ *     adminLabel={false}
+ *     nesting={4}
+ *     disqusId="******"
+ *     path="/path/to/page"
+ *     permalink="/page/permanent/path"
+ *     pageTitle="******"
+ *     siteTitle="******"
+ *     jsUrl="/path/to/disqus.js"
+ *     cssUrl="/path/to/disqusjs.css" />
+ */
+class DisqusJs extends Component {
+  render() {
+    const {
+      shortname,
+      apiKey,
+      api,
+      admin,
+      adminLabel,
+      nesting,
+      disqusId,
+      path,
+      permalink,
+      pageTitle,
+      siteTitle,
+      jsUrl,
+      cssUrl,
+    } = this.props;
+    if (!shortname) {
+      return (
+        <div class="notification is-danger">
+          You forgot to set the <code>shortname</code> or <code>api_key</code>{" "}
+          for Disqus. Please set it in <code>_config.yml</code>.
+        </div>
+      );
+    }
+    const url = permalink || path;
+    const identifier = disqusId || path;
+    const js = `new DisqusJS({
+            shortname: '${shortname}',
+            apikey: ${JSON.stringify(apiKey)},
+            ${siteTitle ? `siteName: ${JSON.stringify(siteTitle)},` : ""}
+            ${identifier ? `identifier: ${JSON.stringify(identifier)},` : ""}
+            ${url ? `url: ${JSON.stringify(url)},` : ""}
+            ${pageTitle ? `title: ${JSON.stringify(pageTitle)},` : ""}
+            ${api ? `api: ${JSON.stringify(api)},` : ""}
+            ${admin ? `admin: ${JSON.stringify(admin)},` : ""}
+            ${adminLabel ? `adminLabel: ${JSON.stringify(adminLabel)},` : ""}
+            ${nesting ? `nesting: ${JSON.stringify(nesting)},` : ""}
+        });`;
+    return (
+      <>
+        <link rel="stylesheet" href={cssUrl} />
+        <div id="disqus_thread">
+          <noscript>
+            Please enable JavaScript to view the{" "}
+            <a href="//disqus.com/?ref_noscript">comments powered by Disqus.</a>
+          </noscript>
+        </div>
+        <script src={jsUrl}></script>
+        <script dangerouslySetInnerHTML={{ __html: js }}></script>
+      </>
+    );
+  }
+}
+
+/**
+ * Cacheable DisqusJS comment JSX component.
+ * <p>
+ * This class is supposed to be used in combination with the <code>locals</code> hexo filter
+ * ({@link module:hexo/filter/locals}).
+ *
+ * @see module:util/cache.cacheComponent
+ * @example
+ * <DisqusJs.Cacheable
+ *     comment={{
+ *         shortname: '******',
+ *         api_key: '******',
+ *         api: '******',
+ *         admin: '******',
+ *         admin_label: false,
+ *         nesting: 4
+ *     }}
+ *     page={{
+ *         path: '/path/to/page',
+ *         disqusId: '******',
+ *         permalink: '******'
+ *         title: '******'
+ *     }}
+ *     config={{ title: '******' }}
+ *     helper={{ cdn: function() { ... } }} />
+ */
+DisqusJs.Cacheable = cacheComponent(DisqusJs, "comment.disqusjs", (props) => {
+  const { config, page, helper, comment } = props;
+
+  return {
+    path: page.path,
+    shortname: comment.shortname,
+    apiKey: comment.api_key,
+    api: comment.api,
+    admin: comment.admin,
+    adminLabel: comment.admin_label,
+    nesting: comment.nesting,
+    disqusId: page.disqusId,
+    permalink: page.permalink,
+    pageTitle: page.title,
+    siteTitle: config.title,
+    jsUrl: helper.cdn("disqusjs", "1.3.0", "dist/disqus.js"),
+    cssUrl: helper.cdn("disqusjs", "1.3.0", "dist/disqusjs.css"),
+  };
+});
+
+module.exports = DisqusJs;