hexo-theme-particlex 2.6.10 → 2.7.1
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +45 -34
- package/_config.yml +11 -0
- package/layout/archives.ejs +5 -9
- package/layout/categories.ejs +11 -13
- package/layout/layout.ejs +1 -1
- package/layout/post.ejs +8 -12
- package/layout/posts.ejs +5 -9
- package/layout/tags.ejs +12 -14
- package/package.json +1 -1
- package/source/css/main.css +2 -2
- package/source/js/lib/crypto.js +4 -11
package/README.md
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
# Hexo-Theme-ParticleX
|
|
2
2
|
|
|
3
|
-
[ParticleX](https://github.com/theme-particlex/hexo-theme-particlex) 主题，诞生原因是因为原来的 [Particle](https://github.com/korilin/hexo-theme-particle)
|
|
3
|
+
[ParticleX](https://github.com/theme-particlex/hexo-theme-particlex) 主题，诞生原因是因为原来的 [Particle](https://github.com/korilin/hexo-theme-particle) 主题不维护了，但是我觉得还是很好的。
|
|
4
4
|
|
|
5
|
-
原来用的是 Vue 2 + Ant Design Vue 1，现更新到 Vue 3，去除 Ant Design Vue 采用自定义样式，图标更改为 Font Awesome 6，CDN 改为 Staticfile
|
|
5
|
+
原来用的是 Vue 2 + Ant Design Vue 1，现更新到 Vue 3，去除 Ant Design Vue 采用自定义样式，图标更改为 Font Awesome 6，CDN 改为 Staticfile。
|
|
6
6
|
|
|
7
7
|
原项目 `README.md` 里说：
|
|
8
8
|
|
|
9
|
-
> 目前有 Full、Night 和 Maiden
|
|
9
|
+
> 目前有 Full、Night 和 Maiden **两个**主题样式。
|
|
10
10
|
|
|
11
|
-
但是更改后只有一种了，如果你想改颜色就在 `main.css`
|
|
11
|
+
但是更改后只有一种了，如果你想改颜色就在 `main.css` 里替换吧。
|
|
12
12
|
|
|
13
13
|
# 1. 演示
|
|
14
14
|
|
|
@@ -23,7 +23,7 @@ cd themes
|
|
|
23
23
|
git clone https://github.com/theme-particlex/hexo-theme-particlex.git particlex --depth=1
|
|
24
24
|
```
|
|
25
25
|
|
|
26
|
-
然后在根目录 `_config.yml` 设置主题为 ParticleX
|
|
26
|
+
然后在根目录 `_config.yml` 设置主题为 ParticleX 即可。
|
|
27
27
|
|
|
28
28
|
```yaml
|
|
29
29
|
theme: particlex
|
|
@@ -31,7 +31,7 @@ theme: particlex
|
|
|
31
31
|
|
|
32
32
|
## 2.1. 关闭自带代码高亮
|
|
33
33
|
|
|
34
|
-
Hexo 有自带的代码高亮，但是和 ParticleX
|
|
34
|
+
Hexo 有自带的代码高亮，但是和 ParticleX 的不兼容。
|
|
35
35
|
|
|
36
36
|
```yaml
|
|
37
37
|
highlight:
|
|
@@ -40,7 +40,7 @@ prismjs:
|
|
|
40
40
|
enable: false
|
|
41
41
|
```
|
|
42
42
|
|
|
43
|
-
如果使用 Pandoc
|
|
43
|
+
如果使用 Pandoc 还需要设置一下：
|
|
44
44
|
|
|
45
45
|
```yaml
|
|
46
46
|
pandoc:
|
|
@@ -50,7 +50,7 @@ pandoc:
|
|
|
50
50
|
|
|
51
51
|
## 2.2. 禁用年度月度归档
|
|
52
52
|
|
|
53
|
-
Hexo 会自动生成年度月度归档，可是 ParticleX
|
|
53
|
+
Hexo 会自动生成年度月度归档，可是 ParticleX 主题没有这个功能。~~我太懒了~~
|
|
54
54
|
|
|
55
55
|
```yaml
|
|
56
56
|
archive_generator:
|
|
@@ -61,13 +61,13 @@ archive_generator:
|
|
|
61
61
|
daily: false
|
|
62
62
|
```
|
|
63
63
|
|
|
64
|
-
修改完请 `hexo cl`
|
|
64
|
+
修改完请 `hexo cl` 清除缓存。
|
|
65
65
|
|
|
66
66
|
# 3. 配置
|
|
67
67
|
|
|
68
68
|
## 3.1. 基本配置
|
|
69
69
|
|
|
70
|
-
`background`
|
|
70
|
+
`background` 参数是一个列表，打开时会随机加载一个背景。
|
|
71
71
|
|
|
72
72
|
```yaml
|
|
73
73
|
# Avatar image
|
|
@@ -79,13 +79,24 @@ favicon: /images/favicon.png
|
|
|
79
79
|
# Home page background image
|
|
80
80
|
background:
|
|
81
81
|
- /images/background.jpg
|
|
82
|
+
|
|
83
|
+
# Loading image
|
|
84
|
+
loading: /images/loading.gif
|
|
85
|
+
|
|
86
|
+
# Optional colors for category and tag
|
|
87
|
+
colors:
|
|
88
|
+
- "#ffa2c4"
|
|
89
|
+
- "#00bcd4"
|
|
90
|
+
- "#03a9f4"
|
|
91
|
+
- "#00a596"
|
|
92
|
+
- "#ff7d73"
|
|
82
93
|
```
|
|
83
94
|
|
|
84
95
|
## 3.2. 内容配置
|
|
85
96
|
|
|
86
97
|
### 3.2.1. 导航栏
|
|
87
98
|
|
|
88
|
-
为了方便，主题使用的图标是 Font Awesome 6
|
|
99
|
+
为了方便，主题使用的图标是 Font Awesome 6 图标。
|
|
89
100
|
|
|
90
101
|
```yaml
|
|
91
102
|
# ParticleX theme icon is adopts the Font Awesome 6
|
|
@@ -117,9 +128,9 @@ menu:
|
|
|
117
128
|
|
|
118
129
|
### 3.2.2. 主页信息卡片
|
|
119
130
|
|
|
120
|
-
`description` 支持 Markdown
|
|
131
|
+
`description` 支持 Markdown 格式。
|
|
121
132
|
|
|
122
|
-
|
|
133
|
+
图标链接 `iconLinks` 配置和导航栏配置相同。
|
|
123
134
|
|
|
124
135
|
```yaml
|
|
125
136
|
# Side info card
|
|
@@ -135,9 +146,9 @@ card:
|
|
|
135
146
|
|
|
136
147
|
### 3.2.3. 页脚
|
|
137
148
|
|
|
138
|
-
|
|
149
|
+
考虑到博客部署在服务器并使用自己域名的情况，按规定需要在网站下边添加备案消息。
|
|
139
150
|
|
|
140
|
-
|
|
151
|
+
如没有需要显示备案消息的可以关闭。
|
|
141
152
|
|
|
142
153
|
```yaml
|
|
143
154
|
# Footer info
|
|
@@ -154,9 +165,9 @@ footer:
|
|
|
154
165
|
|
|
155
166
|
### 3.3.1. Polyfill
|
|
156
167
|
|
|
157
|
-
使用 [Polyfill.io](https://polyfill.io) 自动根据 UA 处理新的 JS API
|
|
168
|
+
使用 [Polyfill.io](https://polyfill.io) 自动根据 UA 处理新的 JS API 兼容。
|
|
158
169
|
|
|
159
|
-
可以配合 [Hexo-Babel](https://github.com/theme-particlex/hexo-babel) 插件处理 JS
|
|
170
|
+
可以配合 [Hexo-Babel](https://github.com/theme-particlex/hexo-babel) 插件处理 JS 语法兼容。
|
|
160
171
|
|
|
161
172
|
```yaml
|
|
162
173
|
# Polyfill
|
|
@@ -169,9 +180,9 @@ polyfill:
|
|
|
169
180
|
|
|
170
181
|
### 3.3.2. 代码高亮
|
|
171
182
|
|
|
172
|
-
使用 Highlight.js
|
|
183
|
+
使用 Highlight.js 代码高亮。
|
|
173
184
|
|
|
174
|
-
样式可以在[这里](https://highlightjs.org/static/demo)选择，默认为 GitHub
|
|
185
|
+
样式可以在[这里](https://highlightjs.org/static/demo)选择，默认为 GitHub。
|
|
175
186
|
|
|
176
187
|
```yaml
|
|
177
188
|
# Highlight.js
|
|
@@ -183,7 +194,7 @@ highlight:
|
|
|
183
194
|
|
|
184
195
|
### 3.3.3. 数学渲染
|
|
185
196
|
|
|
186
|
-
使用 KaTeX
|
|
197
|
+
使用 KaTeX 渲染数学公式。
|
|
187
198
|
|
|
188
199
|
```yaml
|
|
189
200
|
# KaTeX math rendering
|
|
@@ -193,7 +204,7 @@ math:
|
|
|
193
204
|
|
|
194
205
|
### 3.3.4. 图片预览
|
|
195
206
|
|
|
196
|
-
|
|
207
|
+
简单的点击图片放大缩小的预览。
|
|
197
208
|
|
|
198
209
|
```yaml
|
|
199
210
|
# Image preview
|
|
@@ -203,11 +214,11 @@ preview:
|
|
|
203
214
|
|
|
204
215
|
### 3.3.5. 文章缩略
|
|
205
216
|
|
|
206
|
-
一般来说，缩略展示文档只需要在文档中添加 `<!-- more -->`
|
|
217
|
+
一般来说，缩略展示文档只需要在文档中添加 `<!-- more -->` 即可，缩略内容在显示全文中也会出现。
|
|
207
218
|
|
|
208
|
-
但考虑到不想把缩略内容放在正文里，就添加了此参数，在 [Front-Matter](https://hexo.io/docs/front-matter)
|
|
219
|
+
但考虑到不想把缩略内容放在正文里，就添加了此参数，在 [Front-Matter](https://hexo.io/docs/front-matter) 里设置。
|
|
209
220
|
|
|
210
|
-
支持 Markdown
|
|
221
|
+
支持 Markdown 格式。
|
|
211
222
|
|
|
212
223
|
```yaml
|
|
213
224
|
description: |
|
|
@@ -216,11 +227,11 @@ description: |
|
|
|
216
227
|
|
|
217
228
|
### 3.3.6. 文章置顶
|
|
218
229
|
|
|
219
|
-
在 [Front-Matter](https://hexo.io/docs/front-matter) 里设置 `pinned` 作为置顶参数，越大越靠前，默认为 0
|
|
230
|
+
在 [Front-Matter](https://hexo.io/docs/front-matter) 里设置 `pinned` 作为置顶参数，越大越靠前，默认为 0。
|
|
220
231
|
|
|
221
232
|
### 3.3.7. 文章加密
|
|
222
233
|
|
|
223
|
-
使用 AES 加密算法，在 [Front-Matter](https://hexo.io/docs/front-matter) 里设置 `secret` 作为密码，**使用请安装插件 [Hexo-Helper-Crypto](https://github.com/theme-particlex/hexo-helper-crypto)
|
|
234
|
+
使用 AES 加密算法，在 [Front-Matter](https://hexo.io/docs/front-matter) 里设置 `secret` 作为密码，**使用请安装插件 [Hexo-Helper-Crypto](https://github.com/theme-particlex/hexo-helper-crypto)**。
|
|
224
235
|
|
|
225
236
|
```yaml
|
|
226
237
|
# Article encryption
|
|
@@ -230,9 +241,9 @@ crypto:
|
|
|
230
241
|
|
|
231
242
|
### 3.3.8. 搜索
|
|
232
243
|
|
|
233
|
-
嵌入到 Archives
|
|
244
|
+
嵌入到 Archives 中的搜索。
|
|
234
245
|
|
|
235
|
-
|
|
246
|
+
目前只支持搜索文档标题。
|
|
236
247
|
|
|
237
248
|
```yaml
|
|
238
249
|
# Search
|
|
@@ -244,9 +255,9 @@ search:
|
|
|
244
255
|
|
|
245
256
|
### 3.4.1. Giscus
|
|
246
257
|
|
|
247
|
-
Giscus 是一个由 GitHub Discussions
|
|
258
|
+
Giscus 是一个由 GitHub Discussions 支持的评论系统。
|
|
248
259
|
|
|
249
|
-
在 [Giscus.app](https://giscus.app) 设置好各项后，会在下面生成一个 `<script>`
|
|
260
|
+
在 [Giscus.app](https://giscus.app) 设置好各项后，会在下面生成一个 `<script>` 标签，在主题内填入即可。
|
|
250
261
|
|
|
251
262
|
```yaml
|
|
252
263
|
# Giscus
|
|
@@ -269,9 +280,9 @@ giscus:
|
|
|
269
280
|
|
|
270
281
|
### 3.4.2. Gitalk
|
|
271
282
|
|
|
272
|
-
Gitalk 是一个基于 GitHub Issue 和 Preact
|
|
283
|
+
Gitalk 是一个基于 GitHub Issue 和 Preact 的评论系统。
|
|
273
284
|
|
|
274
|
-
由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，搭建 CORS 代理可以看[这篇文章](https://argvchs.github.io/2022/07/04/build-cors-anywhere)
|
|
285
|
+
由于 Gitalk 官方 CORS 代理用的是 Cloudflare，速度过慢，搭建 CORS 代理可以看[这篇文章](https://argvchs.github.io/2022/07/04/build-cors-anywhere)。
|
|
275
286
|
|
|
276
287
|
```yaml
|
|
277
288
|
# Gitalk
|
|
@@ -289,7 +300,7 @@ gitalk:
|
|
|
289
300
|
|
|
290
301
|
### 3.4.3. Waline
|
|
291
302
|
|
|
292
|
-
Waline
|
|
303
|
+
Waline 是一个简单、安全的评论系统。
|
|
293
304
|
|
|
294
305
|
详见：[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi.dev/posts/bcb4ff00.html)
|
|
295
306
|
|
|
@@ -323,7 +334,7 @@ waline:
|
|
|
323
334
|
|
|
324
335
|
### 3.4.4. Twikoo
|
|
325
336
|
|
|
326
|
-
Twikoo
|
|
337
|
+
Twikoo 是一个一个简洁、安全、免费的静态网站评论系统。
|
|
327
338
|
|
|
328
339
|
```yaml
|
|
329
340
|
# Twikoo
|
package/_config.yml
CHANGED
|
@@ -11,6 +11,17 @@ favicon: /images/favicon.png
|
|
|
11
11
|
background:
|
|
12
12
|
- /images/background.jpg
|
|
13
13
|
|
|
14
|
+
# Loading image
|
|
15
|
+
loading: /images/loading.gif
|
|
16
|
+
|
|
17
|
+
# Optional colors for category and tag
|
|
18
|
+
colors:
|
|
19
|
+
- "#ffa2c4"
|
|
20
|
+
- "#00bcd4"
|
|
21
|
+
- "#03a9f4"
|
|
22
|
+
- "#00a596"
|
|
23
|
+
- "#ff7d73"
|
|
24
|
+
|
|
14
25
|
# ParticleX theme icon is adopts the Font Awesome 6
|
|
15
26
|
# https://fontawesome.com
|
|
16
27
|
|
package/layout/archives.ejs
CHANGED
|
@@ -31,19 +31,15 @@
|
|
|
31
31
|
<span class="icon">
|
|
32
32
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
33
33
|
</span>
|
|
34
|
+
<% let prev; %>
|
|
34
35
|
<% post.tags.data.forEach(tag => { %>
|
|
35
36
|
<span class="tag">
|
|
36
37
|
<%
|
|
37
|
-
const
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
"color: #03a9f4",
|
|
41
|
-
"color: #00a596",
|
|
42
|
-
"color: #ff7d73",
|
|
43
|
-
];
|
|
44
|
-
let id = Math.floor(Math.random() * color.length);
|
|
38
|
+
const colors = theme.colors.filter(color => color !== prev);
|
|
39
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
40
|
+
prev = colors[id];
|
|
45
41
|
%>
|
|
46
|
-
<a href="<%- url_for(tag.path) %>" style="<%-
|
|
42
|
+
<a href="<%- url_for(tag.path) %>" style="color: <%- colors[id] %>"><%= tag.name %></a>
|
|
47
43
|
</span>
|
|
48
44
|
<% }); %>
|
|
49
45
|
</span>
|
package/layout/categories.ejs
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
<div id="archives">
|
|
2
2
|
<% let posts = []; %>
|
|
3
3
|
<div class="categories-tags">
|
|
4
|
+
<% let prev; %>
|
|
4
5
|
<% site.categories.data.forEach(category => { %>
|
|
5
6
|
<%
|
|
6
|
-
const
|
|
7
|
+
const colors = is_category(category.name)
|
|
7
8
|
? ["linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
|
|
8
|
-
:
|
|
9
|
-
let id = Math.floor(Math.random() *
|
|
9
|
+
: theme.colors.filter(color => color !== prev);
|
|
10
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
11
|
+
prev = colors[id];
|
|
10
12
|
%>
|
|
11
13
|
<span>
|
|
12
|
-
<a href="<%- url_for(category.path) %>" style="background: <%-
|
|
14
|
+
<a href="<%- url_for(category.path) %>" style="background: <%- colors[id] %>">
|
|
13
15
|
<span class="icon">
|
|
14
16
|
<i class="fa-solid fa-bookmark fa-fw"></i>
|
|
15
17
|
</span>
|
|
@@ -48,19 +50,15 @@
|
|
|
48
50
|
<span class="icon">
|
|
49
51
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
50
52
|
</span>
|
|
53
|
+
<% let prev; %>
|
|
51
54
|
<% post.tags.data.forEach(tag => { %>
|
|
52
55
|
<span class="tag">
|
|
53
56
|
<%
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"color: #03a9f4",
|
|
58
|
-
"color: #00a596",
|
|
59
|
-
"color: #ff7d73",
|
|
60
|
-
];
|
|
61
|
-
let id = Math.floor(Math.random() * color.length);
|
|
57
|
+
const colors = theme.colors.filter(color => color !== prev);
|
|
58
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
59
|
+
prev = colors[id];
|
|
62
60
|
%>
|
|
63
|
-
<a href="<%- url_for(tag.path) %>" style="<%-
|
|
61
|
+
<a href="<%- url_for(tag.path) %>" style="color: <%- colors[id] %>"><%= tag.name %></a>
|
|
64
62
|
</span>
|
|
65
63
|
<% }); %>
|
|
66
64
|
</span>
|
package/layout/layout.ejs
CHANGED
package/layout/post.ejs
CHANGED
|
@@ -24,19 +24,15 @@
|
|
|
24
24
|
<span class="icon">
|
|
25
25
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
26
26
|
</span>
|
|
27
|
+
<% let prev; %>
|
|
27
28
|
<% page.tags.data.forEach(tag => { %>
|
|
28
29
|
<span class="tag">
|
|
29
30
|
<%
|
|
30
|
-
const
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
"color: #03a9f4",
|
|
34
|
-
"color: #00a596",
|
|
35
|
-
"color: #ff7d73",
|
|
36
|
-
];
|
|
37
|
-
let id = Math.floor(Math.random() * color.length);
|
|
31
|
+
const colors = theme.colors.filter(color => color !== prev);
|
|
32
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
33
|
+
prev = colors[id];
|
|
38
34
|
%>
|
|
39
|
-
<a href="<%- url_for(tag.path) %>" style="<%-
|
|
35
|
+
<a href="<%- url_for(tag.path) %>" style="color: <%- colors[id] %>"><%= tag.name %></a>
|
|
40
36
|
</span>
|
|
41
37
|
<% }); %>
|
|
42
38
|
</span>
|
|
@@ -46,8 +42,8 @@
|
|
|
46
42
|
<% const CryptoJS = crypto(); %>
|
|
47
43
|
<input
|
|
48
44
|
id="crypto"
|
|
49
|
-
:class="['input',
|
|
50
|
-
:disabled="cryptoStatus"
|
|
45
|
+
:class="['input', cryptoStatus]"
|
|
46
|
+
:disabled="cryptoStatus == 'success'"
|
|
51
47
|
ref="crypto"
|
|
52
48
|
placeholder="文章被加密，请输入密码"
|
|
53
49
|
data-encrypted="<%- CryptoJS.AES.encrypt(page.content, page.secret).toString() %>"
|
|
@@ -55,7 +51,7 @@
|
|
|
55
51
|
v-model="crypto"
|
|
56
52
|
/>
|
|
57
53
|
<transition name="fade">
|
|
58
|
-
<div class="content" ref="content" v-show="cryptoStatus"></div>
|
|
54
|
+
<div class="content" ref="content" v-show="cryptoStatus == 'success'"></div>
|
|
59
55
|
</transition>
|
|
60
56
|
<% } else { %>
|
|
61
57
|
<div class="content" v-pre>
|
package/layout/posts.ejs
CHANGED
|
@@ -58,19 +58,15 @@
|
|
|
58
58
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
59
59
|
</span>
|
|
60
60
|
<% } %>
|
|
61
|
+
<% let prev; %>
|
|
61
62
|
<% post.tags.data.forEach(tag => { %>
|
|
62
63
|
<span class="tag">
|
|
63
64
|
<%
|
|
64
|
-
const
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
"color: #03a9f4",
|
|
68
|
-
"color: #00a596",
|
|
69
|
-
"color: #ff7d73",
|
|
70
|
-
];
|
|
71
|
-
let id = Math.floor(Math.random() * color.length);
|
|
65
|
+
const colors = theme.colors.filter(color => color !== prev);
|
|
66
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
67
|
+
prev = colors[id];
|
|
72
68
|
%>
|
|
73
|
-
<a href="<%- url_for(tag.path) %>" style="<%-
|
|
69
|
+
<a href="<%- url_for(tag.path) %>" style="color: <%- colors[id] %>"><%= tag.name %></a>
|
|
74
70
|
</span>
|
|
75
71
|
<% }); %>
|
|
76
72
|
</div>
|
package/layout/tags.ejs
CHANGED
|
@@ -1,15 +1,17 @@
|
|
|
1
1
|
<div id="archives">
|
|
2
2
|
<% let posts = []; %>
|
|
3
3
|
<div class="categories-tags">
|
|
4
|
+
<% let prev; %>
|
|
4
5
|
<% site.tags.data.forEach(tag => { %>
|
|
5
6
|
<%
|
|
6
|
-
const
|
|
7
|
+
const colors = is_tag(tag.name)
|
|
7
8
|
? ["linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
|
|
8
|
-
:
|
|
9
|
-
let id = Math.floor(Math.random() *
|
|
9
|
+
: theme.colors.filter(color => color !== prev);
|
|
10
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
11
|
+
prev = colors[id];
|
|
10
12
|
%>
|
|
11
13
|
<span>
|
|
12
|
-
<a href="<%- url_for(tag.path) %>" style="background: <%-
|
|
14
|
+
<a href="<%- url_for(tag.path) %>" style="background: <%- colors[id] %>">
|
|
13
15
|
<span class="icon">
|
|
14
16
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
15
17
|
</span>
|
|
@@ -33,7 +35,7 @@
|
|
|
33
35
|
<h3><%= post.title %></h3>
|
|
34
36
|
</a>
|
|
35
37
|
<div class="info">
|
|
36
|
-
<% if (post.categories && post.categories.data.length){ %>
|
|
38
|
+
<% if (post.categories && post.categories.data.length !== 0) { %>
|
|
37
39
|
<span class="category">
|
|
38
40
|
<a href="<%- url_for(post.categories.data[0].path) %>">
|
|
39
41
|
<span class="icon">
|
|
@@ -48,19 +50,15 @@
|
|
|
48
50
|
<span class="icon">
|
|
49
51
|
<i class="fa-solid fa-tags fa-fw"></i>
|
|
50
52
|
</span>
|
|
53
|
+
<% let prev; %>
|
|
51
54
|
<% post.tags.data.forEach(tag => { %>
|
|
52
55
|
<span class="tag">
|
|
53
56
|
<%
|
|
54
|
-
const
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
"color: #03a9f4",
|
|
58
|
-
"color: #00a596",
|
|
59
|
-
"color: #ff7d73",
|
|
60
|
-
];
|
|
61
|
-
let id = Math.floor(Math.random() * color.length);
|
|
57
|
+
const colors = theme.colors.filter(color => color !== prev);
|
|
58
|
+
let id = Math.floor(Math.random() * colors.length);
|
|
59
|
+
prev = colors[id];
|
|
62
60
|
%>
|
|
63
|
-
<a href="<%- url_for(tag.path) %>" style="<%-
|
|
61
|
+
<a href="<%- url_for(tag.path) %>" style="color: <%- colors[id] %>"><%= tag.name %></a>
|
|
64
62
|
</span>
|
|
65
63
|
<% }); %>
|
|
66
64
|
</span>
|
package/package.json
CHANGED
package/source/css/main.css
CHANGED
package/source/js/lib/crypto.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
mixins.crypto = {
|
|
2
2
|
data() {
|
|
3
|
-
return { crypto: "", cryptoStatus:
|
|
3
|
+
return { crypto: "", cryptoStatus: "" };
|
|
4
4
|
},
|
|
5
5
|
watch: {
|
|
6
6
|
crypto(value) {
|
|
@@ -10,20 +10,13 @@ mixins.crypto = {
|
|
|
10
10
|
try {
|
|
11
11
|
let decrypted = CryptoJS.AES.decrypt(encrypted, value).toString(CryptoJS.enc.Utf8);
|
|
12
12
|
if (CryptoJS.SHA256(decrypted).toString() === shasum) {
|
|
13
|
-
this.cryptoStatus =
|
|
13
|
+
this.cryptoStatus = "success";
|
|
14
14
|
content.innerHTML = decrypted;
|
|
15
15
|
this.render();
|
|
16
|
-
} else this.cryptoStatus =
|
|
16
|
+
} else this.cryptoStatus = "failure";
|
|
17
17
|
} catch {
|
|
18
|
-
this.cryptoStatus =
|
|
18
|
+
this.cryptoStatus = "failure";
|
|
19
19
|
}
|
|
20
20
|
},
|
|
21
21
|
},
|
|
22
|
-
computed: {
|
|
23
|
-
cryptoClass() {
|
|
24
|
-
if (this.cryptoStatus === null) return "";
|
|
25
|
-
if (this.cryptoStatus === true) return "success";
|
|
26
|
-
if (this.cryptoStatus === false) return "fail";
|
|
27
|
-
},
|
|
28
|
-
},
|
|
29
22
|
};
|