hexo-theme-yet-the-books-optimize 1.0.0 → 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 (9) hide show
  1. package/layout/index.ejs +22 -25
  2. package/package.json +3 -2
  3. package/source/css/style.css +640 -614
  4. package/source/image/docs.png +0 -0
  5. package/.gitattributes +0 -2
  6. package/cover/1.png +0 -0
  7. package/cover/2.png +0 -0
  8. package/cover/3.png +0 -0
  9. package/cover/4.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";
18
- let icon = "";
19
- let desc = "";
17
+ let color = "docs";
18
+ let icon = "";
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,27 +26,22 @@
26
26
  };
27
27
  if(post.icon!==undefined){
28
28
  icon = post.icon;
29
- };
30
- });
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
- };
29
+ };
30
+ if(post.desc!==undefined){
31
+ desc = post.desc;
32
+ };
33
+ });
34
+
43
35
  %>
44
36
 
45
37
  <% if(cover == "" && icon == ''){ %>
46
38
  <a class="category-item" href="<%- url_for(category.path) %>">
47
- <div class="cover <%= color %>">
48
- <h1><%= category.name %></h1>
49
- <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>
50
45
  </div>
51
46
  </a>
52
47
  <% }%>
@@ -54,10 +49,12 @@
54
49
  <% if ( icon != '' ) { %>
55
50
  <a class="category-item" href="<%- url_for(category.path) %>">
56
51
  <div class="cover <%= icon %>">
57
- <img data-sizes="auto" style="height: 60px; width: 60px;margin-top: 70px;" src="/images/cover/<%= icon %>.png" class="lazyload">
58
- <h1 class="custom-h1"><%= category.name %></h1>
59
- <div class="custom-desc"><%= desc %></div>
60
- <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>
61
58
  </div>
62
59
  </a>
63
60
  <% } %>
@@ -67,7 +64,7 @@
67
64
  <div class="cover">
68
65
  <img data-sizes="auto" src="<%= cover %>" class="lazyload" alt="<%= category.name %>">
69
66
  <h1><%= category.name %></h1>
70
- <div class="count"><%= category.length %>篇</div>
67
+ <div class="custom-coun"><%= category.length %>篇</div>
71
68
  </div>
72
69
  </a>
73
70
  <% } %>
package/package.json CHANGED
@@ -1,7 +1,8 @@
1
1
  {
2
2
  "name": "hexo-theme-yet-the-books-optimize",
3
- "version": "1.0.0",
3
+ "version": "1.0.3",
4
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",
5
6
  "keywords": [
6
7
  "hexo",
7
8
  "theme",
@@ -13,4 +14,4 @@
13
14
  "scripts": {
14
15
  "postinstall": "node ./move_config.js"
15
16
  }
16
- }
17
+ }
package/source/css/style.css CHANGED
@@ -1,621 +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
- margin-right: 2em;
193
- margin-bottom: 2em;
194
- }
195
-
196
- .content .category .category-item:nth-child(4n + 4) {
197
- margin-right: 0;
198
- }
199
-
200
- @media screen and (max-width: 768px) {
201
- .content .category .category-item {
202
- flex: 0 0 calc(33.3333333333333% - 0.66666666666666666em);
203
- max-width: calc(33.3333333333333% - 0.66666666666666666em);
204
- margin-right: 1em;
205
- margin-bottom: 1em;
206
-
207
- }
208
- .content .category .category-item:nth-child(4n + 4) {
209
- margin-right: 1em;
210
- }
211
- .content .category .category-item:nth-child(3n + 3) {
212
- margin-right: 0;
213
- }
214
- }
215
-
216
- .content .category .category-item .cover {
217
- width: 100%;
218
- padding-bottom: 144%;
219
- position: relative;
220
- overflow: hidden;
221
- height: 0;
222
- border-radius: 3px;
223
- background-color: #f6f3ed;
224
- background-size: cover;
225
- border: 1px solid #f7f3ed;
226
- text-align: center;
227
- }
228
-
229
- /* .content .category .category-item .cover h1 {
230
- background-color: #f6f3ed;
231
- margin: 2.5em 1.6em;
232
- text-align: center;
233
- font-size: .9em;
234
- padding: .5em;
235
- border: 2px solid #A1615A;
236
- box-shadow: 0 0 0 5px #f6f3ed;
237
- color: #000!important;
238
- background-color: #f6f3ed;
239
- box-shadow: 0 0 0 5px #f6f3ed;
240
- } */
241
-
242
- .content .category .category-item .cover .custom-h1 {
243
- margin-top: 30px;
244
- background-color: #f6f3ed;
245
- text-align: center;
246
- font-size: 16px;
247
- padding: .5em;
248
- box-shadow: 0 0 0 5px #f6f3ed;
249
- color: #000!important;
250
- background-color: #f6f3ed;
251
- box-shadow: 0 0 0 5px #f6f3ed;
252
- }
253
-
254
- .custom-desc {
255
- font-size: 12px;
256
- color: #3f4c54;
257
- }
258
-
259
- .content .category .category-item .cover.red {
260
- background-image: url(../image/p0452_m.jpg);
261
- }
262
-
263
- .content .category .category-item .cover.red h1 {
264
- border: 2px solid #A1615A;
265
- }
266
-
267
- .content .category .category-item .cover.purple {
268
- background-image: url(../image/p0459_m.jpg);
269
- }
270
-
271
- .content .category .category-item .cover.purple h1 {
272
- border: 2px solid #a2839c;
273
- }
274
-
275
- .content .category .category-item .cover.gray {
276
- background-image: url(../image/p0402_m.jpg);
277
- }
278
-
279
- .content .category .category-item .cover.gray h1 {
280
- border: 2px solid #989399;
281
- }
282
-
283
- .content .category .category-item .cover.blue {
284
- background-image: url(../image/p0438_m.jpg);
285
- }
286
-
287
- .content .category .category-item .cover.blue h1 {
288
- border: 2px solid #424f60;
289
- }
290
-
291
- .content .category .category-item .cover.green {
292
- background-image: url(../image/p0440_m.jpg);
293
- }
294
-
295
- .content .category .category-item .cover.green h1 {
296
- border: 2px solid #3f4c54;
297
- }
298
-
299
- .content .category .category-item .cover img {
300
- /* display: block; */
301
- /* position: absolute; */
302
- left: 0;
303
- top: 0;
304
- object-fit: cover;
305
- border: none;
306
- /* width: 100%; */
307
- /* height: 100%; */
308
- }
309
-
310
- .content .category .category-item .title {
311
- margin-top: 5px;
312
- line-height: 1em;
313
- font-family: Noto Serif SC;
314
- text-align: center;
315
- }
316
-
317
- .content .post {
318
- font-family: Noto Serif SC;
319
- padding: 3em 0;
320
- }
321
-
322
- .content .post .date {
323
- text-align: right;
324
- }
325
-
326
- .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%;
327
288
  width: 100%;
328
- text-align: center;
329
- padding-top: 1rem;
330
- }
331
-
332
- .content .post-nav {
333
- width: 100%;
334
- display: flex;
335
- justify-content: space-between;
336
- flex-flow: row-reverse
337
- }
338
-
339
- .content .post-nav span {
340
- display: block;
341
- color: #bfbfbf;
342
- }
343
-
344
- .content .post-nav > * {
345
- width: 50%;
346
- }
347
-
348
- .content .post-nav .new {
349
- text-align: right;
350
- }
351
-
352
- .content .other {
353
- background-color: #f4f4f4;
354
- padding: 3em 0;
355
- }
356
-
357
- .content .catalogue {
358
- list-style: none;
359
- padding-left: 0;
360
- margin: 3em 0;
361
- }
362
-
363
- .content .catalogue li {
364
- line-height: 1em;
365
- margin: 2em 0;
366
- }
367
-
368
- .content .catalogue li a {
369
- display: flex;
370
- justify-content: space-between;
371
- flex-direction: row;
372
- position: relative;
373
- }
374
-
375
- .content .catalogue .title {
376
- background: #fff;
377
- z-index: 1;
378
- margin-right: 5em;
379
- padding-right: 1em;
380
- }
381
-
382
- .content .catalogue .date {
383
- width: 100%;
384
- text-align: right;
385
- position: absolute;
386
- right: 0;
387
- }
388
-
389
- .content .catalogue .date:before {
390
- content: " ";
391
- width: 100%;
392
- border-bottom: 1px dashed #000;
393
- position: absolute;
394
- top: 50%;
395
- right: 0;
396
- }
397
-
398
- .content .catalogue .date span {
399
- background: #fff;
400
- z-index: 1;
401
- padding-left: 1em;
402
- position: relative;
403
- }
404
-
405
- .content .catalogue .hidden {
406
- display: none;
407
- }
408
-
409
- .content .catalogue .display {
410
- display: block;
411
- }
412
-
413
- .content .archive .display-btn {
414
- cursor: pointer;
415
- }
416
-
417
- .content .tag-unordered {
418
- word-break: break-word;
419
- }
420
-
421
- .content .tag-unordered .list-count::before {
422
- content: "("
423
- }
424
-
425
- .content .tag-unordered .list-count::after {
426
- content: ")"
427
- }
428
-
429
-
430
- .comment {
431
- padding: 3em 1em;
432
- }
433
-
434
- .comment .utterances {
435
- max-width: 100%;
436
- }
437
-
438
- .footer {
439
- background-color: #f7f3ed;
440
- border-top: 2px solid #eee;
441
- }
442
-
443
- .footer a {
444
- color: #aa874b;
445
- }
446
-
447
- .footer-content {
448
- height: 6em;
449
- margin: auto;
450
- display: -webkit-box;
451
- display: -ms-flexbox;
452
- display: flex;
453
- flex-direction: row;
454
- align-items: center;
455
- justify-content: space-between;
456
- flex-wrap: wrap;
457
- }
458
-
459
- .footer-left {
460
- font-size: 2.2rem;
461
- }
462
-
463
- .footer-right {
464
- font-size: 1.1rem;
465
- text-align: right;
466
- max-width: calc(100% - 14em);
467
- }
468
-
469
- .footer-links a {
470
- margin-left: .5em;
471
- }
472
-
473
- article p {
474
- line-height: 1.5em;
475
- }
476
-
477
- article a {
478
- color: #aa874b;
479
- word-break: break-all;
480
- }
481
-
482
- article > table {
483
- margin: 1em 0;
484
- padding: 0;
485
- border-collapse: collapse;
486
- }
487
-
488
- article > table tr {
489
- border-top: 1px solid #dfe2e5;
490
- margin: 0;
491
- padding: 0;
492
- }
493
-
494
- article > table tr:nth-child(2n), article > thead {
495
- background-color: #f8f8f8;
496
- }
497
-
498
- article > table tr th {
499
- font-weight: bold;
500
- border: 1px solid #dfe2e5;
501
- border-bottom: 0;
502
- margin: 0;
503
- padding: 6px 16px;
504
- }
505
-
506
- article > table tr td {
507
- border: 1px solid #dfe2e5;
508
- margin: 0;
509
- padding: 6px 16px;
510
- }
511
-
512
- article > table tr th:first-child, article > table tr td:first-child {
513
- margin-top: 0;
514
- }
515
-
516
- article > table tr th:last-child, article > table tr td:last-child {
517
- margin-bottom: 0;
518
- }
519
-
520
- article blockquote {
521
- margin: 0;
522
- }
523
-
524
- article > blockquote {
525
- margin-left: -1em;
526
- border-left: 4px solid #aa874b;
527
- padding-left: calc(1em - 4px);
528
- font-style: italic;
529
- color: #777;
530
- }
531
-
532
- .highlight {
533
- padding: 0 0.5em;
534
- /* background: #fdf6e3; */
535
- color: #657b83;
536
- margin: 0;
537
- border-radius: 3px;
538
- width: 100%;
539
- line-height: 20px;
540
- }
541
-
542
- article code {
543
- background-color: #fafafa;
544
- /* color: #aa874b; */
545
- padding: 10px 7px;
546
- line-height: 20px;
547
- border-radius: 3px;
548
- margin: auto .2em;
549
- display: block;
550
- overflow-wrap: break-word;
551
- word-wrap:break-word !important;
552
- word-break:normal;
553
- white-space: pre-wrap;
554
- }
555
-
556
- pre {
557
- width: 100%;
558
- overflow-wrap: break-word;
559
- word-wrap:break-word !important;
560
- word-break:normal;
561
- white-space: pre-wrap;
562
- }
563
-
564
- article pre,
565
- article pre code {
566
- margin: 0;
567
- }
568
-
569
- article ul {
570
- list-style: square;
571
- }
572
-
573
- article a:hover {
574
- text-decoration: underline;
575
- }
576
-
577
- article del,
578
- article s {
579
- color: #888;
580
- }
581
-
582
- article img {
583
- text-align: center;
584
- max-width: 100%;
585
- zoom: 50% !important;
586
- border-radius: 15px;
587
- }
588
-
589
- article h1 {
590
- font-size: 2em;
591
- }
592
-
593
- article .catalogue {
594
- margin: auto!important;
595
- }
596
-
597
- .count {
598
- width: 100%;
599
- /* color: white; */
600
- font-size: 13px;
601
- position: absolute;
602
- bottom: 15px;
603
- text-align: center;
604
- }
605
-
606
- h2 {
607
- margin-top: 40px !important;
608
- }
609
-
610
- h3 {
611
- margin-top: 30px !important;
612
- }
613
-
614
- hr {
615
- height: 1px; /* 设置水平线的高度 */
616
- width: 100%; /* 设置水平线的宽度 */
617
- color: #f4f4f4; /* 设置水平线的颜色 */
618
- background-color: #f4f4f4; /* 设置水平线的背景颜色 */
619
- border: none; /* 去除水平线的边框 */
620
- margin: 20px auto; /* 设置水平线的外边距，使其居中显示 */
621
- }
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
package/.gitattributes DELETED
@@ -1,2 +0,0 @@
1
- # Auto detect text files and perform LF normalization
2
- * text=auto
package/cover/1.png DELETED
Binary file
package/cover/2.png DELETED
Binary file
package/cover/3.png DELETED
Binary file
package/cover/4.png DELETED
Binary file