hexo-theme-particlex 2.5.6 → 2.5.8

package/README.md

@@ -8,15 +8,15 @@
 
 > 目前有 Full、Night 和 Maiden **两个**主题样式
 
-虽然更改后只有一种了，如果你想改颜色就在 `particlex.css` 里 `Ctrl+F` 替换吧
+虽然更改后只有一种了，如果你想改颜色就在 `main.css` 里替换吧
 
-## 演示
+# 1. 演示
 
 -   [GitHub Pages](https://argvchs.github.io)
 -   [Netlify](https://argvchs.netlify.app)
 -   [Vercel](https://argvchs.vercel.app)
 
-## 安装
+# 2. 安装
 
 ```bash
 cd themes
@@ -29,304 +29,325 @@ git clone https://github.com/argvchs/hexo-theme-particlex.git particlex --depth=
 theme: particlex
 ```
 
--   关闭自带 Highlight
+## 2.1. 关闭自带代码高亮
 
-    Hexo 有自带的 Highlight，但是和 ParticleX 的 Highlight 不兼容
+Hexo 有自带的代码高亮，但是和 ParticleX 的不兼容
 
-    ```yaml
-    highlight:
-        enable: false
-    prismjs:
-        enable: false
-    ```
+```yaml
+highlight:
+    enable: false
+prismjs:
+    enable: false
+```
 
-    如果使用 Pandoc 还需要设置一下
+如果使用 Pandoc 还需要设置一下
 
-    ```yaml
-    pandoc:
-        extra:
-            - no-highlight:
-    ```
+```yaml
+pandoc:
+    extra:
+        - no-highlight:
+```
 
--   禁用年度月度归档
+## 2.2. 禁用年度月度归档
 
-    Hexo 会自动生成年度月度归档，可是 ParticleX 主题没有这个功能 ~~我太懒了~~
+Hexo 会自动生成年度月度归档，可是 ParticleX 主题没有这个功能 ~~我太懒了~~
 
-    ```yaml
-    archive_generator:
-        enabled: true
-        per_page: 0
-        yearly: false
-        monthly: false
-        daily: false
-    ```
+```yaml
+archive_generator:
+    enabled: true
+    per_page: 0
+    yearly: false
+    monthly: false
+    daily: false
+```
 
 修改完请 `hexo cl` 清除缓存
 
-## 配置
+# 3. 配置
 
-```yaml
-avatar:
+## 3.1. 基本配置
 
-headBlockEnable: true
+```yaml
+# Avatar image
+avatar: /images/avatar.jpg
 
+# Home page background image
 background:
+    - /images/background.jpg
 ```
 
-其中 Background 可以是一个列表，打开时会随机加载一个背景
-
--   导航栏
-
-    为了方便，主题使用的图标是 Font Awesome 6 图标
-
-    ```yaml
-    menu:
-        Home:
-            name: house
-            theme: solid
-            link: /
-        About:
-            name: id-card
-            theme: solid
-            link: /about
-        Archives:
-            name: box-archive
-            theme: solid
-            link: /archives
-        Categories:
-            name: bookmark
-            theme: solid
-            link: /categories
-        Tags:
-            name: tags
-            theme: solid
-            link: /tags
-        # <name>:
-        #     name: <icon-name>
-        #     theme: <icon-theme>
-        #     link: <link-url>
-    ```
-
--   主页信息卡片
-
-    和导航栏差不多
-
-    `description` 支持 Markdown 格式
-
-    **如果图标链接或友链为空，请在 `iconLinks:` 或 `friendLinks:` 后添加一个 `{}`**
-
-    ```yaml
-    card:
-        enable: true
-        description: |
-            Description
-            ...
-        iconLinks:
-            {}
-            # <name>:
-            #    name: <icon-name>
-            #    theme: <icon-theme>
-            #    link: <link-url>
-        friendLinks:
-            {}
-            # <name>: <link-url>
-    ```
-
--   文档缩略
-
-    一般来说，缩略展示文档只需要在文档中添加 `<!-- more -->` 即可，缩略内容在显示全文中也会出现
-
-    但考虑到不想把缩略内容放在正文里，就添加了此参数，在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置
-
-    支持 Markdown 格式
-
-    ```yaml
-    description: |
-        Normal _Italic_ **Strong**
-    ```
+其中 Background 是一个列表，打开时会随机加载一个背景
 
--   页脚
+## 3.2. 内容配置
 
-    考虑到博客部署在服务器并使用自己域名的情况，按规定需要在网站下边添加备案消息
+### 3.2.1. 导航栏
 
-    如没有需要显示备案消息的可以关闭
+为了方便，主题使用的图标是 Font Awesome 6 图标
 
-    ```yaml
-    footer:
-        since: 2022
-        ICP:
-            enable: false
-            code:
-            link:
-    ```
+```yaml
+# ParticleX theme icon is adopts the Font Awesome 6
+# https://fontawesome.com
+
+# Main menu navigation
+menu:
+    Home:
+        name: house
+        theme: solid
+        link: /
+    About:
+        name: id-card
+        theme: solid
+        link: /about
+    Archives:
+        name: box-archive
+        theme: solid
+        link: /archives
+    Categories:
+        name: bookmark
+        theme: solid
+        link: /categories
+    Tags:
+        name: tags
+        theme: solid
+        link: /tags
+```
 
--   Polyfill
+### 3.2.2. 主页信息卡片
 
-    使用 [Polyfill.io](https://polyfill.io/v3/url-builder) 自动根据 UA 处理新的 JS API 兼容
+`description` 支持 Markdown 格式
 
-    可以配合 [Hexo-Babel](https://github.com/argvchs/hexo-babel) 插件处理 JS 语法兼容
+图标链接配置和导航栏配置相同
 
-    ```yaml
-    polyfill:
-        enable: true
-        features:
-            - default
-    ```
+**如果图标链接或友链为空，请在 `iconLinks:` 或 `friendLinks:` 后添加一个 `{}`**
 
--   代码高亮
+```yaml
+# Side info card
+card:
+    enable: true
+    description: |
+        Description
+        ...
+    iconLinks:
+        {}
+    friendLinks:
+        Argvchs: https://argvchs.netlify.app
+```
+
+### 3.2.3. 页脚
 
-    使用 Highlight.js 代码高亮
+考虑到博客部署在服务器并使用自己域名的情况，按规定需要在网站下边添加备案消息
 
-    样式可以在[这里](https://highlightjs.org/static/demo)选择，默认为 GitHub
+如没有需要显示备案消息的可以关闭
 
-    ```yaml
-    highlight:
+```yaml
+# Footer info
+footer:
+    since: 2022
+    # Customize the server domain name ICP
+    ICP:
         enable: false
-        style: github
-    ```
+        code:
+        link:
+```
 
--   数学渲染
+## 3.3. 功能配置
 
-    使用 KaTeX 渲染数学公式
+### 3.3.1. Polyfill
 
-    ```yaml
-    math:
-        enable: false
-    ```
+使用 [Polyfill.io](https://polyfill.io) 自动根据 UA 处理新的 JS API 兼容
 
--   图片预览
+可以配合 [Hexo-Babel](https://github.com/argvchs/hexo-babel) 插件处理 JS 语法兼容
 
-    简单的点击图片放大缩小的预览
+```yaml
+# Polyfill
+# https://polyfill.io
+polyfill:
+    enable: true
+    features:
+        - default
+```
 
-    ```yaml
-    preview:
-        enable: true
-    ```
+### 3.3.2. 代码高亮
 
--   文章置顶
+使用 Highlight.js 代码高亮
 
-    在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置 `pinned` 作为置顶参数，越大越靠前，默认为 0
+样式可以在[这里](https://highlightjs.org/static/demo)选择，默认为 GitHub
 
--   文章加密
+```yaml
+# Highlight.js
+# https://highlightjs.org
+highlight:
+    enable: true
+    style: github
+```
 
-    使用 AES 加密算法，在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置 `secret` 作为密码，**使用请安装插件 [Hexo-Helper-Crypto](https://github.com/argvchs/hexo-helper-crypto)**
+### 3.3.3. 数学渲染
 
-    ```yaml
-    crypto:
-        enable: false
-    ```
+使用 KaTeX 渲染数学公式
 
--   搜索
+```yaml
+# KaTeX math rendering
+math:
+    enable: false
+```
 
-    嵌入到 Archives 中的搜索
+### 3.3.4. 图片预览
 
-    目前只支持搜索文档标题（我太弱了）
+简单的点击图片放大缩小的预览
 
-    ```yaml
-    search:
-        enable: false
-    ```
+```yaml
+# Image preview
+preview:
+    enable: true
+```
 
--   Gitalk
+### 3.3.5. 文章缩略
 
-    Gitalk 是一个基于 GitHub Issue 和 Preact 的评论系统
+一般来说，缩略展示文档只需要在文档中添加 `<!-- more -->` 即可，缩略内容在显示全文中也会出现
 
-    考虑到博客可能部署到多个网站同步评论，但 OAuth APP 只能有一个回调 URL，所以添加了 `sites` 参数用于其他网站的评论，请注册多个 Oauth APP
+但考虑到不想把缩略内容放在正文里，就添加了此参数，在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置
 
-    **同样如果没有其他网站，请在 `sites:` 后添加一个 `{}`**
+支持 Markdown 格式
 
-    由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，添加了 `proxy` 参数，搭建 CORS 代理可以看[这篇文章](https://argvchs.github.io/2022/07/04/build-cors-anywhere)
+```yaml
+description: |
+    Normal _Italic_ **Strong**
+```
 
-    ```yaml
-    gitalk:
-        enable: false
-        clientID: # Default ClientID
-        clientSecret: # Default ClientSecret
-        repo: # The name of repository of store comments
-        owner: # GitHub repo owner
-        admin: # GitHub repo owner and collaborators, only these guys can initialize github issues
-        language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
-        proxy: # CORS proxy
-        sites: # Sites
-            {}
-            # <www.example.com>:
-            #    clientID: <client-id>
-            #    clientSecret: <client-secret>
-    ```
-
--   Giscus
-
-    Giscus 是一个由 GitHub Discussions 支持的评论系统
-
-    在 [Giscus.app](https://giscus.app) 设置好各项后，会在下面生成一个 `<script>` 标签，在主题内填入即可
-
-    ```yaml
-    giscus:
-        enable: false
-        src: https://giscus.app/client.js
-        repo:
-        repoID:
-        category:
-        categoryID:
-        mapping: pathname
-        strict: 0
-        reactionsEnabled: 1
-        emitMetadata: 0
-        inputPosition: bottom
-        theme: preferred_color_scheme
-        lang: zh-CN
-    ```
-
--   Waline
-
-    Waline 是一个简单、安全的评论系统
-
-    详见：[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi.dev/posts/bcb4ff00.html)
-
-    **注意如果不需要 `locale` 参数，请在 `locale:` 后添加一个 `{}`**
-
-    ```yaml
-    waline:
-        enable: false
-        serverURL: # Waline server address url, you should set this to your own link
-        locale: # Locale: https://waline.js.org/guide/client/i18n.html#locale-option
-            {}
-            # e.g.:
-            # placeholder: Leave a comment
-        commentCount: true # If false, comment count will only be displayed in post page, not in home page
-        pageview: false # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`
-        emoji: # Custom emoji
-            - https://unpkg.com/@waline/emojis@1.2.0/weibo
-            - https://unpkg.com/@waline/emojis@1.2.0/alus
-            - https://unpkg.com/@waline/emojis@1.2.0/bilibili
-            - https://unpkg.com/@waline/emojis@1.2.0/qq
-            - https://unpkg.com/@waline/emojis@1.2.0/tieba
-            - https://unpkg.com/@waline/emojis@1.2.0/tw-emoji
-        meta: # Comment information, valid meta are nick, mail and link
-            - nick
-            - mail
-            - link
-        requiredMeta: # Set required meta field, e.g.: [nick] | [nick, mail]
-            - nick
-        lang: zh-CN # Language, available values: en-US, zh-CN, zh-TW, pt-BR, ru-RU, jp-JP
-        wordLimit: 0 # Word limit, no limit when setting to 0
-        login: enable # Whether enable login, can choose from 'enable', 'disable' and 'force'
-        pageSize: 10 # Comment per page
-    ```
-
--   Twikoo
-
-    Twikoo 是一个一个简洁、安全、免费的静态网站评论系统
-
-    ```yaml
-    twikoo:
-        enable: false
-        envID:
-        region:
-        path: location.pathname
-        lang: zh-CN
-    ```
+### 3.3.6. 文章置顶
+
+在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置 `pinned` 作为置顶参数，越大越靠前，默认为 0
+
+### 3.3.7. 文章加密
+
+使用 AES 加密算法，在 [Front-Matter](https://hexo.io/zh-cn/docs/front-matter) 里设置 `secret` 作为密码，**使用请安装插件 [Hexo-Helper-Crypto](https://github.com/argvchs/hexo-helper-crypto)**
+
+```yaml
+# Article encryption
+crypto:
+    enable: false
+```
+
+### 3.3.8. 搜索
+
+嵌入到 Archives 中的搜索
+
+目前只支持搜索文档标题
+
+```yaml
+# Search
+search:
+    enable: false
+```
+
+## 3.4. 评论配置
+
+### 3.4.1. Giscus
+
+Giscus 是一个由 GitHub Discussions 支持的评论系统
+
+在 [Giscus.app](https://giscus.app) 设置好各项后，会在下面生成一个 `<script>` 标签，在主题内填入即可
+
+```yaml
+# Giscus
+# https://github.com/giscus/giscus
+giscus:
+    enable: false
+    src: https://giscus.app/client.js
+    repo:
+    repoID:
+    category:
+    categoryID:
+    mapping: pathname
+    strict: 0
+    reactionsEnabled: 1
+    emitMetadata: 0
+    inputPosition: bottom
+    theme: preferred_color_scheme
+    lang: zh-CN
+```
+
+### 3.4.2. Gitalk
+
+Gitalk 是一个基于 GitHub Issue 和 Preact 的评论系统
+
+考虑到博客可能部署到多个网站同步评论，但 OAuth APP 只能有一个回调 URL，所以添加了 `sites` 参数用于多个网站的评论
+
+**同样如果没有其他网站，请在 `sites:` 后添加一个 `{}`**
+
+由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，添加了 `proxy` 参数，搭建 CORS 代理可以看[这篇文章](https://argvchs.netlify.app/2022/07/04/build-cors-anywhere)
+
+```yaml
+# Gitalk
+# https://github.com/gitalk/gitalk
+gitalk:
+    enable: false
+    clientID: # Default ClientID
+    clientSecret: # Default ClientSecret
+    repo: # The name of repository of store comments
+    owner: # GitHub repo owner
+    admin: # GitHub repo owner and collaborators, only these guys can initialize github issues
+    language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
+    proxy: # CORS proxy
+    sites: # Sites
+        {}
+        # www.example.com:
+        #    clientID:
+        #    clientSecret:
+```
+
+### 3.4.3. Waline
+
+Waline 是一个简单、安全的评论系统
+
+详见：[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi.dev/posts/bcb4ff00.html)
+
+**注意如果不需要 `locale` 参数，请在 `locale:` 后添加一个 `{}`**
+
+```yaml
+# Waline
+# https://github.com/walinejs/waline
+waline:
+    enable: false
+    serverURL: # Waline server address url, you should set this to your own link
+    locale: # Locale: https://waline.js.org/guide/client/i18n.html#locale-option
+        {}
+    commentCount: true # If false, comment count will only be displayed in post page, not in home page
+    pageview: false # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`
+    emoji: # Custom emoji
+        - https://unpkg.com/@waline/emojis@1.2.0/weibo
+        - https://unpkg.com/@waline/emojis@1.2.0/alus
+        - https://unpkg.com/@waline/emojis@1.2.0/bilibili
+        - https://unpkg.com/@waline/emojis@1.2.0/qq
+        - https://unpkg.com/@waline/emojis@1.2.0/tieba
+        - https://unpkg.com/@waline/emojis@1.2.0/tw-emoji
+    meta: # Comment information, valid meta are nick, mail and link
+        - nick
+        - mail
+        - link
+    requiredMeta: # Set required meta field, e.g.: [nick] | [nick, mail]
+        - nick
+    lang: zh-CN # Language, available values: en-US, zh-CN, zh-TW, pt-BR, ru-RU, jp-JP
+    wordLimit: 0 # Word limit, no limit when setting to 0
+    login: enable # Whether enable login, can choose from 'enable', 'disable' and 'force'
+    pageSize: 10 # Comment per page
+```
+
+### 3.4.4. Twikoo
+
+Twikoo 是一个一个简洁、安全、免费的静态网站评论系统
+
+```yaml
+# Twikoo
+# https://github.com/imaegoo/twikoo
+twikoo:
+    enable: false
+    envID:
+    region:
+    path: location.pathname
+    lang: zh-CN
+```
 
-## 写在最后
+# 4. 写在最后
 
-本项目采用 MIT 开源许可证，欢迎大家贡献，你可以随意打开一个 Issue 来进行提问，有任何改进想法都可以进行 Fork，期待您的 Pull Request
+本项目采用 MIT 开源许可证，欢迎大家贡献，你可以随意打开一个 Issue 来进行提问，有任何改进想法都可以进行 Fork，期待您的 Pull Request！

package/_config.yml

@@ -2,16 +2,14 @@
 # https://github.com/argvchs/hexo-theme-particlex
 
 # Avatar image
-avatar:
-
-# Home page info block
-headBlockEnable: true
+avatar: /images/avatar.jpg
 
 # Home page background image
 background:
+    - /images/background.jpg
 
 # ParticleX theme icon is adopts the Font Awesome 6
-# https://fontawesome.com/search
+# https://fontawesome.com
 
 # Main menu navigation
 menu:
@@ -35,10 +33,6 @@ menu:
         name: tags
         theme: solid
         link: /tags
-    # <name>:
-    #     name: <icon-name>
-    #     theme: <icon-theme>
-    #     link: <link-url>
 
 # Side info card
 card:
@@ -48,13 +42,8 @@ card:
         ...
     iconLinks:
         {}
-        # <name>:
-        #    name: <icon-name>
-        #    theme: <icon-theme>
-        #    link: <link-url>
     friendLinks:
-        {}
-        # <name>: <link-url>
+        Argvchs: https://argvchs.netlify.app
 
 # Footer info
 footer:
@@ -66,7 +55,7 @@ footer:
         link:
 
 # Polyfill
-# https://polyfill.io/v3/url-builder
+# https://polyfill.io
 polyfill:
     enable: true
     features:
@@ -78,11 +67,11 @@ highlight:
     enable: true
     style: github
 
-# Rendering math with KaTeX
+# KaTeX math rendering
 math:
     enable: false
 
-# Image Preview
+# Image preview
 preview:
     enable: true
 
@@ -94,23 +83,6 @@ crypto:
 search:
     enable: false
 
-# Gitalk
-# https://github.com/gitalk/gitalk
-gitalk:
-    enable: false
-    clientID: # Default ClientID
-    clientSecret: # Default ClientSecret
-    repo: # The name of repository of store comments
-    owner: # GitHub repo owner
-    admin: # GitHub repo owner and collaborators, only these guys can initialize github issues
-    language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
-    proxy: # CORS proxy
-    sites: # Sites
-        {}
-        # <www.example.com>:
-        #    clientID: <client-id>
-        #    clientSecret: <client-secret>
-
 # Giscus
 # https://github.com/giscus/giscus
 giscus:
@@ -128,6 +100,23 @@ giscus:
     theme: preferred_color_scheme
     lang: zh-CN
 
+# Gitalk
+# https://github.com/gitalk/gitalk
+gitalk:
+    enable: false
+    clientID: # Default ClientID
+    clientSecret: # Default ClientSecret
+    repo: # The name of repository of store comments
+    owner: # GitHub repo owner
+    admin: # GitHub repo owner and collaborators, only these guys can initialize github issues
+    language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
+    proxy: # CORS proxy
+    sites: # Sites
+        {}
+        # www.example.com:
+        #    clientID:
+        #    clientSecret:
+
 # Waline
 # https://github.com/walinejs/waline
 waline:
@@ -135,8 +124,6 @@ waline:
     serverURL: # Waline server address url, you should set this to your own link
     locale: # Locale: https://waline.js.org/guide/client/i18n.html#locale-option
         {}
-        # e.g.:
-        # placeholder: Leave a comment
     commentCount: true # If false, comment count will only be displayed in post page, not in home page
     pageview: false # Pageviews count, Note: You should not enable both `waline.pageview` and `leancloud_visitors`
     emoji: # Custom emoji

package/layout/comment.ejs

@@ -1,29 +1,3 @@
-<% if (theme.gitalk.enable) { %>
-<script>
-    let clientID = "<%- theme.gitalk.clientID %>",
-        clientSecret = "<%- theme.gitalk.clientSecret %>";
-    <% Object.keys(theme.gitalk.sites).forEach(key => { %>
-    if (window.location.host === "<%- key %>") {
-        clientID = "<%- theme.gitalk.sites[key].clientID %>";
-        clientSecret = "<%- theme.gitalk.sites[key].clientSecret %>";
-    }
-    <% }); %>
-    const gitalk = new Gitalk({
-        clientID: clientID,
-        clientSecret: clientSecret,
-        repo: "<%- theme.gitalk.repo %>",
-        owner: "<%- theme.gitalk.owner %>",
-        admin: ["<%- theme.gitalk.admin %>"],
-        language: "<%- theme.gitalk.language %>",
-        id: location.pathname,
-        distractionFreeMode: false,
-        <% if (theme.gitalk.proxy) { %>
-        proxy: "<%- theme.gitalk.proxy %>",
-        <% } %>
-    })
-    gitalk.render("gitalk-container");
-</script>
-<% } %>
 <% if (theme.giscus.enable) { %>
 <script
     src="<%- theme.giscus.src %>"
@@ -42,6 +16,34 @@
     async
 ></script>
 <% } %>
+<% if (theme.gitalk.enable) { %>
+<script>
+    (function () {
+        let clientID = "<%- theme.gitalk.clientID %>",
+            clientSecret = "<%- theme.gitalk.clientSecret %>";
+        <% Object.keys(theme.gitalk.sites).forEach(key => { %>
+        if (window.location.host === "<%- key %>") {
+            clientID = "<%- theme.gitalk.sites[key].clientID %>";
+            clientSecret = "<%- theme.gitalk.sites[key].clientSecret %>";
+        }
+        <% }); %>
+        const gitalk = new Gitalk({
+            clientID: clientID,
+            clientSecret: clientSecret,
+            repo: "<%- theme.gitalk.repo %>",
+            owner: "<%- theme.gitalk.owner %>",
+            admin: ["<%- theme.gitalk.admin %>"],
+            language: "<%- theme.gitalk.language %>",
+            id: location.pathname,
+            distractionFreeMode: false,
+            <% if (theme.gitalk.proxy) { %>
+            proxy: "<%- theme.gitalk.proxy %>",
+            <% } %>
+        })
+        gitalk.render("gitalk-container");
+    })();
+</script>
+<% } %>
 <% if (theme.waline.enable) { %>
 <script>
     Waline.init({

package/layout/index.ejs

@@ -1,6 +1,9 @@
 <div id="home-head">
-    <div id="home-background" ref="homeBackground" data-image="<%- url_for(theme.background) %>"></div>
-    <% if (theme.headBlockEnable) { %>
+    <div
+        id="home-background"
+        ref="homeBackground"
+        data-image="<%- theme.background.map(i => url_for(i)) %>"
+    ></div>
     <div id="home-info" @click="homeClick">
         <span class="loop"></span>
         <span class="loop"></span>
@@ -14,7 +17,6 @@
             </div>
         </span>
     </div>
-    <% } %>
 </div>
 <div id="home-posts-wrap" <%- theme.card.enable ? "" : 'class="home-posts-wrap-no-card"' %> ref="homePostsWrap">
     <div id="home-posts">

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-particlex",
-  "version": "2.5.6",
+  "version": "2.5.8",
   "description": "A concise Hexo theme, based on Particle.",
   "repository": {
     "type": "git",
@@ -21,7 +21,7 @@
   },
   "homepage": "https://github.com/argvchs/hexo-theme-particlex#readme",
   "dependencies": {
-    "hexo-helper-crypto": "^1.1.0",
+    "hexo-helper-crypto": "^1.1.2",
     "hexo-renderer-ejs": "^2.0.0"
   },
   "scripts": {

package/source/css/main.css

@@ -363,8 +363,8 @@
     width: 50vmin;
 }
 #main {
+    display: grid;
     margin-right: calc(100% - 100vw);
-    overflow: auto;
 }
 #menu {
     background: #92cafa;