hexo-theme-particlex 2.0.4 → 2.0.6

package/README.md

@@ -1,8 +1,8 @@
 # Hexo-Theme-ParticleX
 
-[Hexo-Theme-ParticleX](https://github.com/argvchs/hexo-theme-particlex) 主题，诞生原因是因为原来的 [Particle](https://github.com/korilin/hexo-theme-particle) 主题不维护了，但是我觉得还是很好的
+[ParticleX](https://github.com/argvchs/hexo-theme-particlex) 主题，诞生原因是因为原来的 [Particle](https://github.com/korilin/hexo-theme-particle) 主题不维护了，但是我觉得还是很好的
 
-原来用的是 Vue 2 + Ant Design Vue 1，现更新到 Vue 3，去除 Ant Design Vue 采用自定义样式，图标更改为 Font Awesome 6，将不能用的 JSDelivr 改为 Staticfile CDN
+原来用的是 Vue 2 + Ant Design Vue 1，现更新到 Vue 3，去除 Ant Design Vue 采用自定义样式，图标更改为 Font Awesome 6，CDN 改为 Staticfile
 
 原项目 `README.md` 里说：
 
@@ -12,9 +12,9 @@
 
 ## 演示
 
--   Github Pages <https://argvchs.github.io>
--   Netlify <https://argvchs.netlify.app>
--   Vercel <https://argvchs.vercel.app>
+-   [Github Pages](https://argvchs.github.io)
+-   [Netlify](https://argvchs.netlify.app)
+-   [Vercel](https://argvchs.vercel.app)
 
 ## 安装
 
@@ -53,9 +53,9 @@ background: # Home page background image
 highlightStyle: github # Highlight style
 ```
 
--   导航栏配置
+-   导航栏
 
-    为了方便，主题使用的图标是 FontAwesome 6 图标，地址为：<https://fontawesome.com/search>
+    为了方便，主题使用的图标是 Font Awesome 6 图标
 
     ```yaml
     menu:
@@ -87,7 +87,7 @@ highlightStyle: github # Highlight style
 
 -   主页信息卡片
 
-    和导航栏配置差不多
+    和导航栏差不多
 
     `description` 支持 Markdown 格式
 
@@ -97,7 +97,7 @@ highlightStyle: github # Highlight style
     card:
         enable: true
         description:
-            - Description
+            - "Description"
             - "..."
         iconLinks:
             {}
@@ -110,21 +110,19 @@ highlightStyle: github # Highlight style
             # <name>: <link-url>
     ```
 
--   首页文档缩略配置
+-   文档缩略
 
     一般来说，缩略展示文档只需要在文档中添加 `<!-- more -->` 即可，缩略内容在显示全文中也会出现
 
-    但考虑到不想把缩略内容放在正文里，就添加了此配置
+    但考虑到不想把缩略内容放在正文里，就添加了此参数，在 Front-Matter 里设置
 
-    配置在 Markdown 文件的 Front-Matter 中填写（被 `---` 括起来的内容），支持 Markdown 格式，不想用则不用添加
-
-    例如：（注意换行和转义 `"`）
+    支持 Markdown 格式
 
     ```yaml
-    description: "text\n**bold**\n_italic_"
+    description: "Normal **Strong** _Italic_"
     ```
 
--   页脚配置
+-   页脚
 
     考虑到博客部署在服务器并使用自己域名的情况，按国家规定需要在网站下边添加备案消息
 
@@ -132,7 +130,7 @@ highlightStyle: github # Highlight style
 
     ```yaml
     footer:
-        since: 20xx
+        since: 2022
         ICP:
             enable: false
             code:
@@ -141,7 +139,9 @@ highlightStyle: github # Highlight style
 
 -   Polyfill
 
-    使用 [Polyfill.io](https://polyfill.io/v3/url-builder) 自动根据 UA 处理新的 JS API 兼容问题，可以配合 [Hexo-Renderer-BabelJS](https://github.com/argvchs/hexo-renderer-babeljs) 插件处理 JS 语法
+    使用 [Polyfill.io](https://polyfill.io/v3/url-builder) 自动根据 UA 处理新的 JS API 兼容
+
+    可以配合 [Hexo-Renderer-BabelJS](https://github.com/argvchs/hexo-renderer-babeljs) 插件处理 JS 语法
 
     ```yaml
     polyfill:
@@ -170,11 +170,11 @@ highlightStyle: github # Highlight style
 
 -   搜索
 
-    嵌入到 Archives 中的搜索，搜索数据是用 [Hexo-Generator-Search-Lite](https://github.com/argvchs/hexo-generator-search-lite) 生成，默认关闭，使用需要**安装上述插件**并**设置 `optimize: true`**
+    嵌入到 Archives 中的搜索，搜索数据是用 [Hexo-Generator-Search-Lite](https://github.com/argvchs/hexo-generator-search-lite) 生成，默认关闭，使用需要安装上述插件并**设置 `optimize: true`**
 
     目前只支持搜索文档的 Title Categories Tags（我太弱了）
 
-    要同时在主题和根目录的两个 `_config.yml` 添加设置
+    要同时在主题和根目录的两个 `_config.yml` 添加配置
 
     ```yaml
     # Theme config
@@ -198,7 +198,7 @@ highlightStyle: github # Highlight style
 
     **同样如果没有其他网站，请在 `sites:` 后添加一个 `{}`**
 
-    由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，添加了 `proxy` 配置，搭建 CORS 代理可以看[这篇文章](https://argvchs.github.io/2022/07/04/build-cors-anywhere)
+    由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，添加了 `proxy` 参数，搭建 CORS 代理可以看[这篇文章](https://argvchs.github.io/2022/07/04/build-cors-anywhere)
 
     ```yaml
     gitalk:
@@ -208,7 +208,7 @@ highlightStyle: github # Highlight style
         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.
+        language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
         proxy: # CORS proxy
         sites: # Sites
             {}
@@ -221,7 +221,7 @@ highlightStyle: github # Highlight style
 
     Giscus 是一个由 GitHub Discussions 支持的评论系统
 
-    在 [Giscus.app](https://giscus.app) 配置好各项后，会在下面生成一个 `<script>` 标签，在主题内填入即可
+    在 [Giscus.app](https://giscus.app) 设置好各项后，会在下面生成一个 `<script>` 标签，在主题内填入即可
 
     ```yaml
     giscus:
@@ -244,9 +244,9 @@ highlightStyle: github # Highlight style
 
     Waline 是一个简单、安全的评论系统
 
-    配置方法详见：[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi0201.top/posts/bcb4ff00.html)
+    详见：[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi0201.top/posts/bcb4ff00.html)
 
-    **注意如果不需要 Locale 配置，请在 `locale:` 后添加一个 `{}`**
+    **注意如果不需要 `locale` 参数，请在 `locale:` 后添加一个 `{}`**
 
     ```yaml
     waline:

package/_config.yml

@@ -1,5 +1,5 @@
+# ParticleX Configuration
 # https://github.com/argvchs/hexo-theme-particlex
-# Developer: argvchs
 
 # Avatar image
 avatar:
@@ -48,7 +48,7 @@ menu:
 card:
     enable: true
     description:
-        - Description
+        - "Description"
         - "..."
     iconLinks:
         {}
@@ -62,7 +62,7 @@ card:
 
 # Footer info
 footer:
-    since: 20xx
+    since: 2022
     # Customize the server domain name ICP
     ICP:
         enable: false
@@ -98,7 +98,7 @@ gitalk:
     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.
+    language: zh-CN # en, zh-CN, zh-TW, es-ES, fr, ru, de, pl and ko are currently available
     proxy: # CORS proxy
     sites: # Sites
         {}

package/layout/loading.ejs

@@ -3,7 +3,7 @@
         <div id="loadcontent" style="width:50vmin;height:50vmin;padding:50px;border-radius:50%;display:flex;justify-content:center;align-items:center;border:solid 10px #a3ddfb;text-align:center">
             <div>
                 <h2>LOADING...</h2>
-                <p style="word-break:keep-all">加载过慢请开启缓存(浏览器默认开启)</p>
+                <p style="word-break:keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
                 <div>
                     <img alt="loading" src="<%- url_for("/loading.gif") %>">
                 </div>

package/layout/script.ejs

@@ -41,6 +41,7 @@
         data-input-position="<%- theme.giscus.inputPosition %>"
         data-theme="<%- theme.giscus.theme %>"
         data-lang="<%- theme.giscus.lang %>"
+        crossorigin
         async
     ></script>
     <% } %>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-particlex",
-  "version": "2.0.4",
+  "version": "2.0.6",
   "description": "A concise Hexo theme, based on Particle.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/source/css/particlex.css

@@ -541,8 +541,8 @@ footer .footer-wrap {
     top: -70px !important;
 }
 .menu-color {
-    background: #00000033 !important;
-    box-shadow: 0 -1px 10px 0 #ffffff00 !important;
+    background: #0003 !important;
+    box-shadow: 0 -1px 10px 0 #fff0 !important;
 }
 .menu-color .title {
     color: #fff !important;
@@ -983,11 +983,11 @@ body::-webkit-scrollbar-track {
     border: 3px solid #e6efff;
     background-image: linear-gradient(
         45deg,
-        rgba(255, 255, 255, 0.4) 25%,
+        #fff6 25%,
         transparent 25%,
         transparent 50%,
-        rgba(255, 255, 255, 0.4) 50%,
-        rgba(255, 255, 255, 0.4) 75%,
+        #fff6 50%,
+        #fff6 75%,
         transparent 75%,
         transparent
     );