hexo-theme-yet-the-books-optimize 1.0.1 → 1.0.3

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 (4) hide show
  1. package/layout/index.ejs +20 -26
  2. package/package.json +16 -15
  3. package/source/css/style.css +640 -617
  4. package/source/image/docs.png +0 -0
package/layout/index.ejs CHANGED
@@ -14,9 +14,9 @@
14
14
  <div class="category">
15
15
  <% site.categories.sort('length').map(function(category){ %>
16
16
  <% let cover = ""
17
- let color = "red";
17
+ let color = "docs";
18
18
  let icon = "";
19
- let desc = "";
19
+ let desc = "-";
20
20
  category.posts.sort('-date').map(function(post){
21
21
  if(post.cover!==undefined && cover==""){
22
22
  cover = post.cover
@@ -26,30 +26,22 @@
26
26
  };
27
27
  if(post.icon!==undefined){
28
28
  icon = post.icon;
29
- };
29
+ };
30
+ if(post.desc!==undefined){
31
+ desc = post.desc;
32
+ };
30
33
  });
31
- if (icon == "Python") {
32
- desc = "日常使用笔记";
33
- };
34
- if (icon == "xctest") {
35
- desc = "使用 XCTest 测试 iOS App";
36
- };
37
- if (icon == "apple") {
38
- desc = "记录iOS开发&测试";
39
- };
40
- if (icon == "uni-app-x") {
41
- desc = "记录uni-app自动化测试系列";
42
- };
43
- if (icon == "vim") {
44
- desc = "vi/vim简单使用系列文章";
45
- };
34
+
46
35
  %>
47
36
 
48
37
  <% if(cover == "" && icon == ''){ %>
49
38
  <a class="category-item" href="<%- url_for(category.path) %>">
50
- <div class="cover <%= color %>">
51
- <h1><%= category.name %></h1>
52
- <div class="count" title="<%= icon %>"><%= category.length %>篇</div>
39
+ <div class="cover cover_docs">
40
+ <div class="custom-show">
41
+ <h1 class="custom-h1"><%= category.name %></h1>
42
+ <div class="custom-desc"><%= desc %></div>
43
+ <div class="custom-count"><%= category.length %>篇</div>
44
+ </div>
53
45
  </div>
54
46
  </a>
55
47
  <% }%>
@@ -57,10 +49,12 @@
57
49
  <% if ( icon != '' ) { %>
58
50
  <a class="category-item" href="<%- url_for(category.path) %>">
59
51
  <div class="cover <%= icon %>">
60
- <img data-sizes="auto" style="height: 60px; width: 60px;margin-top: 60px;" src="/images/cover/<%= icon %>.png" class="lazyload">
61
- <h1 class="custom-h1"><%= category.name %></h1>
62
- <div class="custom-desc"><%= desc %></div>
63
- <div class="count"><%= category.length %>篇</div>
52
+ <img data-sizes="auto" style="height: 60px; width: 60px;margin-top: 60px;" src="/images/cover/<%= icon %>.png" class="lazyload">
53
+ <div class="custom-show">
54
+ <h1 class="custom-h1"><%= category.name %></h1>
55
+ <div class="custom-desc"><%= desc %></div>
56
+ <div class="custom-count"><%= category.length %>篇</div>
57
+ </div>
64
58
  </div>
65
59
  </a>
66
60
  <% } %>
@@ -70,7 +64,7 @@
70
64
  <div class="cover">
71
65
  <img data-sizes="auto" src="<%= cover %>" class="lazyload" alt="<%= category.name %>">
72
66
  <h1><%= category.name %></h1>
73
- <div class="count"><%= category.length %>篇</div>
67
+ <div class="custom-coun"><%= category.length %>篇</div>
74
68
  </div>
75
69
  </a>
76
70
  <% } %>
package/package.json CHANGED
@@ -1,16 +1,17 @@
1
- {
2
- "name": "hexo-theme-yet-the-books-optimize",
3
- "version": "1.0.1",
4
- "description": "🌙 It starts with the appearance and stays true to the words. A blog theme dedicated to those who love to think.",
5
- "keywords": [
6
- "hexo",
7
- "theme",
8
- "yet-the-books-custom"
9
- ],
10
- "author": "custom",
11
- "license": "MIT",
12
- "main": "index.js",
13
- "scripts": {
14
- "postinstall": "node ./move_config.js"
15
- }
1
+ {
2
+ "name": "hexo-theme-yet-the-books-optimize",
3
+ "version": "1.0.3",
4
+ "description": "🌙 It starts with the appearance and stays true to the words. A blog theme dedicated to those who love to think.",
5
+ "git": "https://github.com/wan-lights/hexo-theme-yet-the-books-optimize.git",
6
+ "keywords": [
7
+ "hexo",
8
+ "theme",
9
+ "yet-the-books-custom"
10
+ ],
11
+ "author": "custom",
12
+ "license": "MIT",
13
+ "main": "index.js",
14
+ "scripts": {
15
+ "postinstall": "node ./move_config.js"
16
+ }
16
17
  }
package/source/css/style.css CHANGED
@@ -1,624 +1,647 @@
1
- body {
2
- margin: 0;
3
- font-size: 14px;
4
- }
5
-
6
- @media screen and (max-width: 768px) {
7
- body {
8
- font-size: 14px;
9
- }
10
- }
11
-
12
- body * {
13
- font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
14
- }
15
-
16
- a {
17
- transition: color 0.2s ease;
18
- text-decoration: none;
19
- color: #000;
20
- }
21
-
22
- /* 设置表格的边框样式 */
23
- table {
24
- border-collapse: collapse;
25
- width: 100%;
26
- }
27
-
28
- /* 设置表格行的背景颜色交替显示 */
29
- tr:nth-child(even) {
30
- background-color: #f2f2f2;
31
- }
32
-
33
- /* 设置表头的背景颜色和字体样式 */
34
- th {
35
- background-color: #333;
36
- color: white;
37
- padding: 8px;
38
- text-align: left;
39
- }
40
-
41
- /* 设置表格单元格的边框样式和内边距 */
42
- td {
43
- border: 1px solid #ddd;
44
- padding: 8px;
45
- }
46
-
47
- img {
48
- margin: 15px 0;
49
- border: 1px solid #eee;
50
- border-radius: 5px;
51
- }
52
-
53
- a:hover {
54
- color: #aa874b;
55
- }
56
-
57
- ::selection {
58
- background-color: #aa874b;
59
- color: #fff;
60
- }
61
- ::-moz-selection {
62
- background-color: #aa874b;
63
- color: #fff;
64
- }
65
-
66
- .container {
67
- max-width: 992px;
68
- margin: 0 auto;
69
- padding: 0 1em;
70
- }
71
-
72
- .header {
73
- height: 4em;
74
- background-color: transparent;
75
- line-height: 4em;
76
- background-color: #fff;
77
- border-bottom: 2px solid #eee;
78
- }
79
-
80
- .header.home {
81
- background-color: #f6f3ed;
82
- border-bottom: 2px solid #f6f3ed;
83
- }
84
-
85
- .header .container {
86
- display: flex;
87
- flex-direction: row;
88
- }
89
-
90
- .header .logo {
91
- font-weight: 700;
92
- white-space: nowrap;
93
- overflow: hidden;
94
- text-overflow: ellipsis;
95
- max-width: 10em;
96
- }
97
-
98
- .header .nav {
99
- display: flex;
100
- flex-direction: row;
101
- list-style: none;
102
- margin: 0;
103
- margin-left: auto;
104
- }
105
-
106
- .header .nav .nav-item {
107
- margin-left: 1.5em;
108
- }
109
-
110
- .content {
111
- min-height: calc(100vh - 10em);
112
- }
113
-
114
- .content.home {
115
- background-color: #fff;
116
- }
1
+ body {
2
+ margin: 0;
3
+ font-size: 14px;
4
+ }
5
+
6
+ @media screen and (max-width: 768px) {
7
+ body {
8
+ font-size: 14px;
9
+ }
10
+ }
11
+
12
+ body * {
13
+ font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
14
+ }
15
+
16
+ a {
17
+ transition: color 0.2s ease;
18
+ text-decoration: none;
19
+ color: #000;
20
+ }
21
+
22
+ /* 设置表格的边框样式 */
23
+ table {
24
+ border-collapse: collapse;
25
+ width: 100%;
26
+ }
27
+
28
+ /* 设置表格行的背景颜色交替显示 */
29
+ tr:nth-child(even) {
30
+ background-color: #f2f2f2;
31
+ }
32
+
33
+ /* 设置表头的背景颜色和字体样式 */
34
+ th {
35
+ background-color: #333;
36
+ color: white;
37
+ padding: 8px;
38
+ text-align: left;
39
+ }
40
+
41
+ /* 设置表格单元格的边框样式和内边距 */
42
+ td {
43
+ border: 1px solid #ddd;
44
+ padding: 8px;
45
+ }
46
+
47
+ img {
48
+ margin: 15px 0;
49
+ border: 1px solid #eee;
50
+ border-radius: 5px;
51
+ }
52
+
53
+ a:hover {
54
+ color: #aa874b;
55
+ }
56
+
57
+ ::selection {
58
+ background-color: #aa874b;
59
+ color: #fff;
60
+ }
61
+ ::-moz-selection {
62
+ background-color: #aa874b;
63
+ color: #fff;
64
+ }
65
+
66
+ .container {
67
+ max-width: 992px;
68
+ margin: 0 auto;
69
+ padding: 0 1em;
70
+ }
71
+
72
+ .header {
73
+ height: 4em;
74
+ background-color: transparent;
75
+ line-height: 4em;
76
+ background-color: #fff;
77
+ border-bottom: 2px solid #eee;
78
+ }
79
+
80
+ .header.home {
81
+ background-color: #f6f3ed;
82
+ border-bottom: 2px solid #f6f3ed;
83
+ }
84
+
85
+ .header .container {
86
+ display: flex;
87
+ flex-direction: row;
88
+ }
89
+
90
+ .header .logo {
91
+ font-weight: 700;
92
+ white-space: nowrap;
93
+ overflow: hidden;
94
+ text-overflow: ellipsis;
95
+ max-width: 10em;
96
+ }
97
+
98
+ .header .nav {
99
+ display: flex;
100
+ flex-direction: row;
101
+ list-style: none;
102
+ margin: 0;
103
+ margin-left: auto;
104
+ }
105
+
106
+ .header .nav .nav-item {
107
+ margin-left: 1.5em;
108
+ }
109
+
110
+ .content {
111
+ min-height: calc(100vh - 10em);
112
+ }
113
+
114
+ .content.home {
115
+ background-color: #fff;
116
+ }
117
+
118
+ .content .banner {
119
+ background-color: #f7f3ed;
120
+ display: block;
121
+ position: relative;
122
+ padding: 5rem 0;
123
+ }
124
+
125
+ .content.home .banner {
126
+ margin-bottom: calc(1.5rem + 4rem);
127
+ }
128
+
129
+ .content .banner h1 {
130
+ text-align: center;
131
+ color: #aa874b;
132
+ display: block;
133
+ margin: 0 auto;
134
+ }
135
+
136
+ .content.home .banner {
137
+ padding: 3rem 0;
138
+ }
139
+
140
+ .content .banner .search {
141
+ position: relative;
142
+ bottom: -4.5rem;
143
+ width: 100%;
144
+ }
145
+
146
+ .content .banner .search form {
147
+ background-color: #fff;
148
+ border-radius: 30px;
149
+ box-shadow: 0 2px 10px rgb(170 135 75 / 15%);
150
+ width: 74%;
151
+ margin: auto 13%;
152
+ position: relative;
153
+ display: flex;
154
+ }
155
+
156
+ .content .banner .search #search_value {
157
+ width: 100%;
158
+ border: none;
159
+ background-color: transparent;
160
+ padding: 1rem 2rem;
161
+ font-size: 1rem;
162
+ box-sizing: border-box;
163
+ outline: 0;
164
+ }
165
+
166
+ .content .banner .search .submit {
167
+ border: none;
168
+ background-color: transparent;
169
+ padding: 1rem 2rem;
170
+ font-size: 1rem;
171
+ box-sizing: border-box;
172
+ outline: 0;
173
+ }
174
+
175
+ @media screen and (max-width: 768px) {
176
+ .content .banner .search form {
177
+ width: 90%;
178
+ margin: auto 5%;
179
+ }
180
+ }
181
+
182
+ .content .category {
183
+ margin-top: 2em;
184
+ display: flex;
185
+ flex-wrap: wrap;
186
+ }
187
+
188
+ .content .category .category-item {
189
+ flex: 0 0 calc(25% - 1.5em);
190
+ max-width: calc(25% - 1.5em);
191
+ margin: 0;
192
+ height: 280px;;
193
+ margin-right: 2em;
194
+ margin-bottom: 2em;
195
+ overflow: hidden;
196
+ }
197
+
198
+ .content .category .category-item:nth-child(4n + 4) {
199
+ margin-right: 0;
200
+ }
201
+
202
+ @media screen and (max-width: 768px) {
203
+ .content .category .category-item {
204
+ flex: 0 0 calc(33.3333333333333% - 0.66666666666666666em);
205
+ max-width: calc(33.3333333333333% - 0.66666666666666666em);
206
+ margin-right: 1em;
207
+ margin-bottom: 1em;
208
+
209
+ }
210
+ .content .category .category-item:nth-child(4n + 4) {
211
+ margin-right: 1em;
212
+ }
213
+ .content .category .category-item:nth-child(3n + 3) {
214
+ margin-right: 0;
215
+ }
216
+ }
217
+
218
+ .content .category .category-item .cover {
219
+ width: 100%;
220
+ padding-bottom: 144%;
221
+ position: relative;
222
+ overflow: hidden;
223
+ height: 0;
224
+ border-radius: 3px;
225
+ background-color: #f6f3ed;
226
+ background-size: cover;
227
+ border: 1px solid #f7f3ed;
228
+ text-align: center;
229
+ }
230
+
231
+ /* .content .category .category-item .cover h1 {
232
+ background-color: #f6f3ed;
233
+ margin: 2.5em 1.6em;
234
+ text-align: center;
235
+ font-size: .9em;
236
+ padding: .5em;
237
+ border: 2px solid #A1615A;
238
+ box-shadow: 0 0 0 5px #f6f3ed;
239
+ color: #000!important;
240
+ background-color: #f6f3ed;
241
+ box-shadow: 0 0 0 5px #f6f3ed;
242
+ } */
117
243
 
118
- .content .banner {
119
- background-color: #f7f3ed;
244
+ .custom-show {
245
+ position: absolute;
120
246
  display: block;
121
- position: relative;
122
- padding: 5rem 0;
123
- }
124
-
125
- .content.home .banner {
126
- margin-bottom: calc(1.5rem + 4rem);
127
- }
128
-
129
- .content .banner h1 {
247
+ width: -webkit-fill-available;
248
+ bottom: 80px;
130
249
  text-align: center;
131
- color: #aa874b;
132
- display: block;
133
- margin: 0 auto;
134
- }
135
-
136
- .content.home .banner {
137
- padding: 3rem 0;
138
- }
139
-
140
- .content .banner .search {
141
- position: relative;
142
- bottom: -4.5rem;
143
- width: 100%;
144
- }
145
-
146
- .content .banner .search form {
147
- background-color: #fff;
148
- border-radius: 30px;
149
- box-shadow: 0 2px 10px rgb(170 135 75 / 15%);
150
- width: 74%;
151
- margin: auto 13%;
152
- position: relative;
153
- display: flex;
154
- }
155
-
156
- .content .banner .search #search_value {
157
- width: 100%;
158
- border: none;
159
- background-color: transparent;
160
- padding: 1rem 2rem;
161
- font-size: 1rem;
162
- box-sizing: border-box;
163
- outline: 0;
164
250
  }
165
-
166
- .content .banner .search .submit {
251
+
252
+ .custom-h1 {
253
+ font-size: 18px;
254
+ padding: .5em;
255
+ color: #000;
256
+ }
257
+
258
+ .custom-desc {
259
+ font-size: 12px;
260
+ color: #3f4c54;
261
+ }
262
+
263
+ .custom-count {
264
+ width: 100%;
265
+ font-size: 13px;
266
+ margin-top: 20px;
267
+ color: #3f4c54;
268
+ }
269
+
270
+ .content .category .category-item .cover.red {
271
+ background-image: url(../image/p0452_m.jpg);
272
+ }
273
+
274
+ .content .category .category-item .cover.cover_docs {
275
+ background: url("../image/docs.png");
276
+ background-size: contain;
277
+ /* border: 1px solid #f7f3ed; */
167
278
  border: none;
168
- background-color: transparent;
169
- padding: 1rem 2rem;
170
- font-size: 1rem;
171
- box-sizing: border-box;
172
- outline: 0;
173
- }
174
-
175
- @media screen and (max-width: 768px) {
176
- .content .banner .search form {
177
- width: 90%;
178
- margin: auto 5%;
179
- }
180
- }
181
-
182
- .content .category {
183
- margin-top: 2em;
184
- display: flex;
185
- flex-wrap: wrap;
186
- }
187
-
188
- .content .category .category-item {
189
- flex: 0 0 calc(25% - 1.5em);
190
- max-width: calc(25% - 1.5em);
279
+ resize: both;
191
280
  margin: 0;
192
- height: 280px;;
193
- margin-right: 2em;
194
- margin-bottom: 2em;
195
- overflow: hidden;
196
- }
197
-
198
- .content .category .category-item:nth-child(4n + 4) {
199
- margin-right: 0;
200
- }
201
-
202
- @media screen and (max-width: 768px) {
203
- .content .category .category-item {
204
- flex: 0 0 calc(33.3333333333333% - 0.66666666666666666em);
205
- max-width: calc(33.3333333333333% - 0.66666666666666666em);
206
- margin-right: 1em;
207
- margin-bottom: 1em;
208
-
209
- }
210
- .content .category .category-item:nth-child(4n + 4) {
211
- margin-right: 1em;
212
- }
213
- .content .category .category-item:nth-child(3n + 3) {
214
- margin-right: 0;
215
- }
216
- }
217
-
218
- .content .category .category-item .cover {
219
- width: 100%;
220
- padding-bottom: 144%;
221
- position: relative;
222
- overflow: hidden;
223
- height: 0;
224
- border-radius: 3px;
225
- background-color: #f6f3ed;
226
- background-size: cover;
227
- border: 1px solid #f7f3ed;
228
- text-align: center;
229
- }
230
-
231
- /* .content .category .category-item .cover h1 {
232
- background-color: #f6f3ed;
233
- margin: 2.5em 1.6em;
234
- text-align: center;
235
- font-size: .9em;
236
- padding: .5em;
237
- border: 2px solid #A1615A;
238
- box-shadow: 0 0 0 5px #f6f3ed;
239
- color: #000!important;
240
- background-color: #f6f3ed;
241
- box-shadow: 0 0 0 5px #f6f3ed;
242
- } */
243
-
244
- .content .category .category-item .cover .custom-h1 {
245
- /* margin-top: 30px; */
246
- background-color: #f6f3ed;
247
- text-align: center;
248
- font-size: 16px;
249
- padding: .5em;
250
- box-shadow: 0 0 0 5px #f6f3ed;
251
- color: #000!important;
252
- background-color: #f6f3ed;
253
- box-shadow: 0 0 0 5px #f6f3ed;
254
- }
255
-
256
- .custom-desc {
257
- font-size: 12px;
258
- color: #3f4c54;
259
- }
260
-
261
- .content .category .category-item .cover.red {
262
- background-image: url(../image/p0452_m.jpg);
263
- }
264
-
265
- .content .category .category-item .cover.red h1 {
266
- border: 2px solid #A1615A;
267
- }
268
-
269
- .content .category .category-item .cover.purple {
270
- background-image: url(../image/p0459_m.jpg);
271
- }
272
-
273
- .content .category .category-item .cover.purple h1 {
274
- border: 2px solid #a2839c;
275
- }
276
-
277
- .content .category .category-item .cover.gray {
278
- background-image: url(../image/p0402_m.jpg);
279
- }
280
-
281
- .content .category .category-item .cover.gray h1 {
282
- border: 2px solid #989399;
283
- }
284
-
285
- .content .category .category-item .cover.blue {
286
- background-image: url(../image/p0438_m.jpg);
287
- }
288
-
289
- .content .category .category-item .cover.blue h1 {
290
- border: 2px solid #424f60;
291
- }
292
-
293
- .content .category .category-item .cover.green {
294
- background-image: url(../image/p0440_m.jpg);
295
- }
296
-
297
- .content .category .category-item .cover.green h1 {
298
- border: 2px solid #3f4c54;
299
- }
300
-
301
- .content .category .category-item .cover img {
302
- /* display: block; */
303
- /* position: absolute; */
304
- left: 0;
305
- top: 0;
306
- object-fit: cover;
307
- border: none;
308
- /* width: 100%; */
309
- /* height: 100%; */
310
- }
311
-
312
- .content .category .category-item .title {
313
- margin-top: 5px;
314
- line-height: 1em;
315
- font-family: Noto Serif SC;
316
- text-align: center;
317
- }
318
-
319
- .content .post {
320
- font-family: Noto Serif SC;
321
- padding: 3em 0;
322
- }
323
-
324
- .content .post .date {
325
- text-align: right;
326
- }
327
-
328
- .content .info {
281
+ color: #fff !important;
282
+ /* padding: 0; */
283
+ /* background-repeat:no-repeat;
284
+ background-position:left;
285
+ background-origin:content-box;
286
+ background-position: center center; */
287
+ /* height: 100%;
329
288
  width: 100%;
330
- text-align: center;
331
- padding-top: 1rem;
332
- }
333
-
334
- .content .post-nav {
335
- width: 100%;
336
- display: flex;
337
- justify-content: space-between;
338
- flex-flow: row-reverse
339
- }
340
-
341
- .content .post-nav span {
342
- display: block;
343
- color: #bfbfbf;
344
- }
345
-
346
- .content .post-nav > * {
347
- width: 50%;
348
- }
349
-
350
- .content .post-nav .new {
351
- text-align: right;
352
- }
353
-
354
- .content .other {
355
- background-color: #f4f4f4;
356
- padding: 3em 0;
357
- }
358
-
359
- .content .catalogue {
360
- list-style: none;
361
- padding-left: 0;
362
- margin: 3em 0;
363
- }
364
-
365
- .content .catalogue li {
366
- line-height: 1em;
367
- margin: 2em 0;
368
- }
369
-
370
- .content .catalogue li a {
371
- display: flex;
372
- justify-content: space-between;
373
- flex-direction: row;
374
- position: relative;
375
- }
376
-
377
- .content .catalogue .title {
378
- background: #fff;
379
- z-index: 1;
380
- margin-right: 5em;
381
- padding-right: 1em;
382
- }
383
-
384
- .content .catalogue .date {
385
- width: 100%;
386
- text-align: right;
387
- position: absolute;
388
- right: 0;
389
- }
390
-
391
- .content .catalogue .date:before {
392
- content: " ";
393
- width: 100%;
394
- border-bottom: 1px dashed #000;
395
- position: absolute;
396
- top: 50%;
397
- right: 0;
398
- }
399
-
400
- .content .catalogue .date span {
401
- background: #fff;
402
- z-index: 1;
403
- padding-left: 1em;
404
- position: relative;
405
- }
406
-
407
- .content .catalogue .hidden {
408
- display: none;
409
- }
410
-
411
- .content .catalogue .display {
412
- display: block;
413
- }
414
-
415
- .content .archive .display-btn {
416
- cursor: pointer;
417
- }
418
-
419
- .content .tag-unordered {
420
- word-break: break-word;
421
- }
422
-
423
- .content .tag-unordered .list-count::before {
424
- content: "("
425
- }
426
-
427
- .content .tag-unordered .list-count::after {
428
- content: ")"
429
- }
430
-
431
-
432
- .comment {
433
- padding: 3em 1em;
434
- }
435
-
436
- .comment .utterances {
437
- max-width: 100%;
438
- }
439
-
440
- .footer {
441
- background-color: #f7f3ed;
442
- border-top: 2px solid #eee;
443
- }
444
-
445
- .footer a {
446
- color: #aa874b;
447
- }
448
-
449
- .footer-content {
450
- height: 6em;
451
- margin: auto;
452
- display: -webkit-box;
453
- display: -ms-flexbox;
454
- display: flex;
455
- flex-direction: row;
456
- align-items: center;
457
- justify-content: space-between;
458
- flex-wrap: wrap;
459
- }
460
-
461
- .footer-left {
462
- font-size: 2.2rem;
463
- }
464
-
465
- .footer-right {
466
- font-size: 1.1rem;
467
- text-align: right;
468
- max-width: calc(100% - 14em);
469
- }
470
-
471
- .footer-links a {
472
- margin-left: .5em;
473
- }
474
-
475
- article p {
476
- line-height: 1.5em;
477
- }
478
-
479
- article a {
480
- color: #aa874b;
481
- word-break: break-all;
482
- }
483
-
484
- article > table {
485
- margin: 1em 0;
486
- padding: 0;
487
- border-collapse: collapse;
488
- }
489
-
490
- article > table tr {
491
- border-top: 1px solid #dfe2e5;
492
- margin: 0;
493
- padding: 0;
494
- }
495
-
496
- article > table tr:nth-child(2n), article > thead {
497
- background-color: #f8f8f8;
498
- }
499
-
500
- article > table tr th {
501
- font-weight: bold;
502
- border: 1px solid #dfe2e5;
503
- border-bottom: 0;
504
- margin: 0;
505
- padding: 6px 16px;
506
- }
507
-
508
- article > table tr td {
509
- border: 1px solid #dfe2e5;
510
- margin: 0;
511
- padding: 6px 16px;
512
- }
513
-
514
- article > table tr th:first-child, article > table tr td:first-child {
515
- margin-top: 0;
516
- }
517
-
518
- article > table tr th:last-child, article > table tr td:last-child {
519
- margin-bottom: 0;
520
- }
521
-
522
- article blockquote {
523
- margin: 0;
524
- }
525
-
526
- article > blockquote {
527
- margin-left: -1em;
528
- border-left: 4px solid #aa874b;
529
- padding-left: calc(1em - 4px);
530
- font-style: italic;
531
- color: #777;
532
- }
533
-
534
- .highlight {
535
- padding: 0 0.5em;
536
- /* background: #fdf6e3; */
537
- color: #657b83;
538
- margin: 0;
539
- border-radius: 3px;
540
- width: 100%;
541
- line-height: 20px;
542
- }
543
-
544
- article code {
545
- background-color: #fafafa;
546
- /* color: #aa874b; */
547
- padding: 10px 7px;
548
- line-height: 20px;
549
- border-radius: 3px;
550
- margin: auto .2em;
551
- display: block;
552
- overflow-wrap: break-word;
553
- word-wrap:break-word !important;
554
- word-break:normal;
555
- white-space: pre-wrap;
556
- }
557
-
558
- pre {
559
- width: 100%;
560
- overflow-wrap: break-word;
561
- word-wrap:break-word !important;
562
- word-break:normal;
563
- white-space: pre-wrap;
564
- }
565
-
566
- article pre,
567
- article pre code {
568
- margin: 0;
569
- }
570
-
571
- article ul {
572
- list-style: square;
573
- }
574
-
575
- article a:hover {
576
- text-decoration: underline;
577
- }
578
-
579
- article del,
580
- article s {
581
- color: #888;
582
- }
583
-
584
- article img {
585
- text-align: center;
586
- max-width: 100%;
587
- zoom: 50% !important;
588
- border-radius: 15px;
589
- }
590
-
591
- article h1 {
592
- font-size: 2em;
593
- }
594
-
595
- article .catalogue {
596
- margin: auto!important;
597
- }
598
-
599
- .count {
600
- width: 100%;
601
- /* color: white; */
602
- font-size: 13px;
603
- margin-top: 20px;
604
- /* position: absolute; */
605
- /* bottom: 15px; */
606
- text-align: center;
607
- }
608
-
609
- h2 {
610
- margin-top: 40px !important;
611
- }
612
-
613
- h3 {
614
- margin-top: 30px !important;
615
- }
616
-
617
- hr {
618
- height: 1px; /* 设置水平线的高度 */
619
- width: 100%; /* 设置水平线的宽度 */
620
- color: #f4f4f4; /* 设置水平线的颜色 */
621
- background-color: #f4f4f4; /* 设置水平线的背景颜色 */
622
- border: none; /* 去除水平线的边框 */
623
- margin: 20px auto; /* 设置水平线的外边距，使其居中显示 */
624
- }
289
+ resize: both;
290
+ border: none; */
291
+
292
+ }
293
+
294
+ .content .category .category-item .cover.red h1 {
295
+ border: 2px solid #A1615A;
296
+ }
297
+
298
+ .content .category .category-item .cover.purple {
299
+ background-image: url(../image/p0459_m.jpg);
300
+ }
301
+
302
+ .content .category .category-item .cover.purple h1 {
303
+ border: 2px solid #a2839c;
304
+ }
305
+
306
+ .content .category .category-item .cover.gray {
307
+ background-image: url(../image/p0402_m.jpg);
308
+ }
309
+
310
+ .content .category .category-item .cover.gray h1 {
311
+ border: 2px solid #989399;
312
+ }
313
+
314
+ .content .category .category-item .cover.blue {
315
+ background-image: url(../image/p0438_m.jpg);
316
+ }
317
+
318
+ .content .category .category-item .cover.blue h1 {
319
+ border: 2px solid #424f60;
320
+ }
321
+
322
+ .content .category .category-item .cover.green {
323
+ background-image: url(../image/p0440_m.jpg);
324
+ }
325
+
326
+ .content .category .category-item .cover.green h1 {
327
+ border: 2px solid #3f4c54;
328
+ }
329
+
330
+ .content .category .category-item .cover img {
331
+ /* display: block; */
332
+ /* position: absolute; */
333
+ left: 0;
334
+ top: 0;
335
+ object-fit: cover;
336
+ border: none;
337
+ /* width: 100%; */
338
+ /* height: 100%; */
339
+ }
340
+
341
+ .content .category .category-item .title {
342
+ margin-top: 5px;
343
+ line-height: 1em;
344
+ font-family: Noto Serif SC;
345
+ text-align: center;
346
+ }
347
+
348
+ .content .post {
349
+ font-family: Noto Serif SC;
350
+ padding: 3em 0;
351
+ }
352
+
353
+ .content .post .date {
354
+ text-align: right;
355
+ }
356
+
357
+ .content .info {
358
+ width: 100%;
359
+ text-align: center;
360
+ padding-top: 1rem;
361
+ }
362
+
363
+ .content .post-nav {
364
+ width: 100%;
365
+ display: flex;
366
+ justify-content: space-between;
367
+ flex-flow: row-reverse
368
+ }
369
+
370
+ .content .post-nav span {
371
+ display: block;
372
+ color: #bfbfbf;
373
+ }
374
+
375
+ .content .post-nav > * {
376
+ width: 50%;
377
+ }
378
+
379
+ .content .post-nav .new {
380
+ text-align: right;
381
+ }
382
+
383
+ .content .other {
384
+ background-color: #f4f4f4;
385
+ padding: 3em 0;
386
+ }
387
+
388
+ .content .catalogue {
389
+ list-style: none;
390
+ padding-left: 0;
391
+ margin: 3em 0;
392
+ }
393
+
394
+ .content .catalogue li {
395
+ line-height: 1em;
396
+ margin: 2em 0;
397
+ }
398
+
399
+ .content .catalogue li a {
400
+ display: flex;
401
+ justify-content: space-between;
402
+ flex-direction: row;
403
+ position: relative;
404
+ }
405
+
406
+ .content .catalogue .title {
407
+ background: #fff;
408
+ z-index: 1;
409
+ margin-right: 5em;
410
+ padding-right: 1em;
411
+ }
412
+
413
+ .content .catalogue .date {
414
+ width: 100%;
415
+ text-align: right;
416
+ position: absolute;
417
+ right: 0;
418
+ }
419
+
420
+ .content .catalogue .date:before {
421
+ content: " ";
422
+ width: 100%;
423
+ border-bottom: 1px dashed #000;
424
+ position: absolute;
425
+ top: 50%;
426
+ right: 0;
427
+ }
428
+
429
+ .content .catalogue .date span {
430
+ background: #fff;
431
+ z-index: 1;
432
+ padding-left: 1em;
433
+ position: relative;
434
+ }
435
+
436
+ .content .catalogue .hidden {
437
+ display: none;
438
+ }
439
+
440
+ .content .catalogue .display {
441
+ display: block;
442
+ }
443
+
444
+ .content .archive .display-btn {
445
+ cursor: pointer;
446
+ }
447
+
448
+ .content .tag-unordered {
449
+ word-break: break-word;
450
+ }
451
+
452
+ .content .tag-unordered .list-count::before {
453
+ content: "("
454
+ }
455
+
456
+ .content .tag-unordered .list-count::after {
457
+ content: ")"
458
+ }
459
+
460
+
461
+ .comment {
462
+ padding: 3em 1em;
463
+ }
464
+
465
+ .comment .utterances {
466
+ max-width: 100%;
467
+ }
468
+
469
+ .footer {
470
+ background-color: #f7f3ed;
471
+ border-top: 2px solid #eee;
472
+ }
473
+
474
+ .footer a {
475
+ color: #aa874b;
476
+ }
477
+
478
+ .footer-content {
479
+ height: 6em;
480
+ margin: auto;
481
+ display: -webkit-box;
482
+ display: -ms-flexbox;
483
+ display: flex;
484
+ flex-direction: row;
485
+ align-items: center;
486
+ justify-content: space-between;
487
+ flex-wrap: wrap;
488
+ }
489
+
490
+ .footer-left {
491
+ font-size: 2.2rem;
492
+ }
493
+
494
+ .footer-right {
495
+ font-size: 1.1rem;
496
+ text-align: right;
497
+ max-width: calc(100% - 14em);
498
+ }
499
+
500
+ .footer-links a {
501
+ margin-left: .5em;
502
+ }
503
+
504
+ article p {
505
+ line-height: 1.5em;
506
+ }
507
+
508
+ article a {
509
+ color: #aa874b;
510
+ word-break: break-all;
511
+ }
512
+
513
+ article > table {
514
+ margin: 1em 0;
515
+ padding: 0;
516
+ border-collapse: collapse;
517
+ }
518
+
519
+ article > table tr {
520
+ border-top: 1px solid #dfe2e5;
521
+ margin: 0;
522
+ padding: 0;
523
+ }
524
+
525
+ article > table tr:nth-child(2n), article > thead {
526
+ background-color: #f8f8f8;
527
+ }
528
+
529
+ article > table tr th {
530
+ font-weight: bold;
531
+ border: 1px solid #dfe2e5;
532
+ border-bottom: 0;
533
+ margin: 0;
534
+ padding: 6px 16px;
535
+ }
536
+
537
+ article > table tr td {
538
+ border: 1px solid #dfe2e5;
539
+ margin: 0;
540
+ padding: 6px 16px;
541
+ }
542
+
543
+ article > table tr th:first-child, article > table tr td:first-child {
544
+ margin-top: 0;
545
+ }
546
+
547
+ article > table tr th:last-child, article > table tr td:last-child {
548
+ margin-bottom: 0;
549
+ }
550
+
551
+ article blockquote {
552
+ margin: 0;
553
+ }
554
+
555
+ article > blockquote {
556
+ margin-left: -1em;
557
+ border-left: 4px solid #aa874b;
558
+ padding-left: calc(1em - 4px);
559
+ font-style: italic;
560
+ color: #777;
561
+ }
562
+
563
+ .highlight {
564
+ padding: 0 0.5em;
565
+ /* background: #fdf6e3; */
566
+ color: #657b83;
567
+ margin: 0;
568
+ border-radius: 3px;
569
+ width: 100%;
570
+ line-height: 20px;
571
+ }
572
+
573
+ article pre > code {
574
+ background-color: #fafafa;
575
+ /* color: #aa874b; */
576
+ padding: 10px 7px;
577
+ line-height: 20px;
578
+ border-radius: 3px;
579
+ margin: auto .2em;
580
+ display: block;
581
+ overflow-wrap: break-word;
582
+ word-wrap:break-word !important;
583
+ word-break:normal;
584
+ white-space: pre-wrap;
585
+ }
586
+
587
+ pre {
588
+ width: 100%;
589
+ overflow-wrap: break-word;
590
+ word-wrap:break-word !important;
591
+ word-break:normal;
592
+ white-space: pre-wrap;
593
+ }
594
+
595
+ article pre,
596
+ article pre > code {
597
+ margin: 0;
598
+ }
599
+
600
+ p > code {
601
+ color: #0000f7;
602
+ }
603
+
604
+ article ul {
605
+ list-style: square;
606
+ }
607
+
608
+ article a:hover {
609
+ text-decoration: underline;
610
+ }
611
+
612
+ article del,
613
+ article s {
614
+ color: #888;
615
+ }
616
+
617
+ article img {
618
+ text-align: center;
619
+ max-width: 100%;
620
+ zoom: 50% !important;
621
+ border-radius: 15px;
622
+ }
623
+
624
+ article h1 {
625
+ font-size: 2em;
626
+ }
627
+
628
+ article .catalogue {
629
+ margin: auto!important;
630
+ }
631
+
632
+ h2 {
633
+ margin-top: 40px !important;
634
+ }
635
+
636
+ h3 {
637
+ margin-top: 30px !important;
638
+ }
639
+
640
+ hr {
641
+ height: 1px; /* 设置水平线的高度 */
642
+ width: 100%; /* 设置水平线的宽度 */
643
+ color: #f4f4f4; /* 设置水平线的颜色 */
644
+ background-color: #f4f4f4; /* 设置水平线的背景颜色 */
645
+ border: none; /* 去除水平线的边框 */
646
+ margin: 20px auto; /* 设置水平线的外边距，使其居中显示 */
647
+ }
package/source/image/docs.png ADDED
Binary file