├── assets ├── avt_min.jpg ├── b_pattern_small.jpg ├── rss.svg └── github.svg ├── post-assets ├── conv1d与conv2d的区别 │ └── textcnn1.png ├── 为Hexo寻找一个合适的Latex方案 │ └── mathjax_fig1.png └── 使用jsdelivr-CDN-加速hexo的图片等静态资源加载 │ ├── fig0.png │ ├── fig1.jpg │ ├── fig2.jpg │ ├── fig3.jpg │ ├── fig4.jpg │ ├── fig5.jpg │ ├── fig6.jpg │ ├── fig7.jpg │ └── fig8.png └── css ├── github.css ├── normalize.css └── style.css /assets/avt_min.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/assets/avt_min.jpg -------------------------------------------------------------------------------- /assets/b_pattern_small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/assets/b_pattern_small.jpg -------------------------------------------------------------------------------- /post-assets/conv1d与conv2d的区别/textcnn1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/conv1d与conv2d的区别/textcnn1.png -------------------------------------------------------------------------------- /post-assets/为Hexo寻找一个合适的Latex方案/mathjax_fig1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/为Hexo寻找一个合适的Latex方案/mathjax_fig1.png -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig0.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig0.png -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig1.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig2.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig3.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig4.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig5.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig6.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig6.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig7.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig7.jpg -------------------------------------------------------------------------------- /post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig8.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/renzibei/testassets/master/post-assets/使用jsdelivr-CDN-加速hexo的图片等静态资源加载/fig8.png -------------------------------------------------------------------------------- /assets/rss.svg: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /css/github.css: -------------------------------------------------------------------------------- 1 | .hljs { 2 | display: block; 3 | background: white; 4 | padding: 0.5em; 5 | color: #333333; 6 | overflow-x: auto 7 | } 8 | 9 | .comment, 10 | .meta { 11 | color: #969896 12 | } 13 | 14 | .string, 15 | .variable, 16 | .template-variable, 17 | .strong, 18 | .emphasis, 19 | .quote { 20 | color: #df5000 21 | } 22 | 23 | .keyword, 24 | .selector-tag, 25 | .type { 26 | color: #a71d5d 27 | } 28 | 29 | .literal, 30 | .symbol, 31 | .bullet, 32 | .attribute { 33 | color: #0086b3 34 | } 35 | 36 | .section, 37 | .name { 38 | color: #63a35c 39 | } 40 | 41 | .tag { 42 | color: #333333 43 | } 44 | 45 | .title, 46 | .attr, 47 | .selector-id, 48 | .selector-class, 49 | .selector-attr, 50 | .selector-pseudo { 51 | color: #795da3 52 | } 53 | 54 | .addition { 55 | color: #55a532; 56 | background-color: #eaffea 57 | } 58 | 59 | .deletion { 60 | color: #bd2c00; 61 | background-color: #ffecec 62 | } 63 | 64 | .link { 65 | text-decoration: underline 66 | } -------------------------------------------------------------------------------- /assets/github.svg: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | -------------------------------------------------------------------------------- /css/normalize.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /* Document 4 | ========================================================================== */ 5 | 6 | /** 7 | * 1. Correct the line height in all browsers. 8 | * 2. Prevent adjustments of font size after orientation changes in 9 | * IE on Windows Phone and in iOS. 10 | */ 11 | 12 | html { 13 | line-height: 1.15; /* 1 */ 14 | -ms-text-size-adjust: 100%; /* 2 */ 15 | -webkit-text-size-adjust: 100%; /* 2 */ 16 | } 17 | 18 | /* Sections 19 | ========================================================================== */ 20 | 21 | /** 22 | * Add the correct display in IE 9-. 23 | */ 24 | 25 | article, 26 | aside, 27 | footer, 28 | header, 29 | nav, 30 | section { 31 | display: block; 32 | } 33 | 34 | /** 35 | * Correct the font size and margin on `h1` elements within `section` and 36 | * `article` contexts in Chrome, Firefox, and Safari. 37 | */ 38 | 39 | h1 { 40 | font-size: 2em; 41 | margin: 0.67em 0; 42 | } 43 | 44 | /* Grouping content 45 | ========================================================================== */ 46 | 47 | /** 48 | * Add the correct display in IE 9-. 49 | * 1. Add the correct display in IE. 50 | */ 51 | 52 | figcaption, 53 | figure, 54 | main { /* 1 */ 55 | display: block; 56 | } 57 | 58 | /** 59 | * Add the correct margin in IE 8. 60 | */ 61 | 62 | figure { 63 | margin: 1em 40px; 64 | } 65 | 66 | /** 67 | * 1. Add the correct box sizing in Firefox. 68 | * 2. Show the overflow in Edge and IE. 69 | */ 70 | 71 | hr { 72 | box-sizing: content-box; /* 1 */ 73 | height: 0; /* 1 */ 74 | overflow: visible; /* 2 */ 75 | } 76 | 77 | /** 78 | * 1. Correct the inheritance and scaling of font size in all browsers. 79 | * 2. Correct the odd `em` font sizing in all browsers. 80 | */ 81 | 82 | pre { 83 | font-family: monospace, monospace; /* 1 */ 84 | font-size: 1em; /* 2 */ 85 | } 86 | 87 | /* Text-level semantics 88 | ========================================================================== */ 89 | 90 | /** 91 | * 1. Remove the gray background on active links in IE 10. 92 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. 93 | */ 94 | 95 | a { 96 | background-color: transparent; /* 1 */ 97 | -webkit-text-decoration-skip: objects; /* 2 */ 98 | } 99 | 100 | /** 101 | * 1. Remove the bottom border in Chrome 57- and Firefox 39-. 102 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 103 | */ 104 | 105 | abbr[title] { 106 | border-bottom: none; /* 1 */ 107 | text-decoration: underline; /* 2 */ 108 | text-decoration: underline dotted; /* 2 */ 109 | } 110 | 111 | /** 112 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 113 | */ 114 | 115 | b, 116 | strong { 117 | font-weight: inherit; 118 | } 119 | 120 | /** 121 | * Add the correct font weight in Chrome, Edge, and Safari. 122 | */ 123 | 124 | b, 125 | strong { 126 | font-weight: bolder; 127 | } 128 | 129 | /** 130 | * 1. Correct the inheritance and scaling of font size in all browsers. 131 | * 2. Correct the odd `em` font sizing in all browsers. 132 | */ 133 | 134 | code, 135 | kbd, 136 | samp { 137 | font-family: monospace, monospace; /* 1 */ 138 | font-size: 1em; /* 2 */ 139 | } 140 | 141 | /** 142 | * Add the correct font style in Android 4.3-. 143 | */ 144 | 145 | dfn { 146 | font-style: italic; 147 | } 148 | 149 | /** 150 | * Add the correct background and color in IE 9-. 151 | */ 152 | 153 | mark { 154 | background-color: #ff0; 155 | color: #000; 156 | } 157 | 158 | /** 159 | * Add the correct font size in all browsers. 160 | */ 161 | 162 | small { 163 | font-size: 80%; 164 | } 165 | 166 | /** 167 | * Prevent `sub` and `sup` elements from affecting the line height in 168 | * all browsers. 169 | */ 170 | 171 | sub, 172 | sup { 173 | font-size: 75%; 174 | line-height: 0; 175 | position: relative; 176 | vertical-align: baseline; 177 | } 178 | 179 | sub { 180 | bottom: -0.25em; 181 | } 182 | 183 | sup { 184 | top: -0.5em; 185 | } 186 | 187 | /* Embedded content 188 | ========================================================================== */ 189 | 190 | /** 191 | * Add the correct display in IE 9-. 192 | */ 193 | 194 | audio, 195 | video { 196 | display: inline-block; 197 | } 198 | 199 | /** 200 | * Add the correct display in iOS 4-7. 201 | */ 202 | 203 | audio:not([controls]) { 204 | display: none; 205 | height: 0; 206 | } 207 | 208 | /** 209 | * Remove the border on images inside links in IE 10-. 210 | */ 211 | 212 | img { 213 | border-style: none; 214 | } 215 | 216 | /** 217 | * Hide the overflow in IE. 218 | */ 219 | 220 | svg:not(:root) { 221 | overflow: hidden; 222 | } 223 | 224 | /* Forms 225 | ========================================================================== */ 226 | 227 | /** 228 | * Remove the margin in Firefox and Safari. 229 | */ 230 | 231 | button, 232 | input, 233 | optgroup, 234 | select, 235 | textarea { 236 | margin: 0; 237 | } 238 | 239 | /** 240 | * Show the overflow in IE. 241 | * 1. Show the overflow in Edge. 242 | */ 243 | 244 | button, 245 | input { /* 1 */ 246 | overflow: visible; 247 | } 248 | 249 | /** 250 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 251 | * 1. Remove the inheritance of text transform in Firefox. 252 | */ 253 | 254 | button, 255 | select { /* 1 */ 256 | text-transform: none; 257 | } 258 | 259 | /** 260 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 261 | * controls in Android 4. 262 | * 2. Correct the inability to style clickable types in iOS and Safari. 263 | */ 264 | 265 | button, 266 | html [type="button"], /* 1 */ 267 | [type="reset"], 268 | [type="submit"] { 269 | -webkit-appearance: button; /* 2 */ 270 | } 271 | 272 | /** 273 | * Remove the inner border and padding in Firefox. 274 | */ 275 | 276 | button::-moz-focus-inner, 277 | [type="button"]::-moz-focus-inner, 278 | [type="reset"]::-moz-focus-inner, 279 | [type="submit"]::-moz-focus-inner { 280 | border-style: none; 281 | padding: 0; 282 | } 283 | 284 | /** 285 | * Restore the focus styles unset by the previous rule. 286 | */ 287 | 288 | button:-moz-focusring, 289 | [type="button"]:-moz-focusring, 290 | [type="reset"]:-moz-focusring, 291 | [type="submit"]:-moz-focusring { 292 | outline: 1px dotted ButtonText; 293 | } 294 | 295 | /** 296 | * 1. Correct the text wrapping in Edge and IE. 297 | * 2. Correct the color inheritance from `fieldset` elements in IE. 298 | * 3. Remove the padding so developers are not caught out when they zero out 299 | * `fieldset` elements in all browsers. 300 | */ 301 | 302 | legend { 303 | box-sizing: border-box; /* 1 */ 304 | color: inherit; /* 2 */ 305 | display: table; /* 1 */ 306 | max-width: 100%; /* 1 */ 307 | padding: 0; /* 3 */ 308 | white-space: normal; /* 1 */ 309 | } 310 | 311 | /** 312 | * 1. Add the correct display in IE 9-. 313 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. 314 | */ 315 | 316 | progress { 317 | display: inline-block; /* 1 */ 318 | vertical-align: baseline; /* 2 */ 319 | } 320 | 321 | /** 322 | * Remove the default vertical scrollbar in IE. 323 | */ 324 | 325 | textarea { 326 | overflow: auto; 327 | } 328 | 329 | /** 330 | * 1. Add the correct box sizing in IE 10-. 331 | * 2. Remove the padding in IE 10-. 332 | */ 333 | 334 | [type="checkbox"], 335 | [type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Correct the cursor style of increment and decrement buttons in Chrome. 342 | */ 343 | 344 | [type="number"]::-webkit-inner-spin-button, 345 | [type="number"]::-webkit-outer-spin-button { 346 | height: auto; 347 | } 348 | 349 | /** 350 | * 1. Correct the odd appearance in Chrome and Safari. 351 | * 2. Correct the outline style in Safari. 352 | */ 353 | 354 | [type="search"] { 355 | -webkit-appearance: textfield; /* 1 */ 356 | outline-offset: -2px; /* 2 */ 357 | } 358 | 359 | /** 360 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. 361 | */ 362 | 363 | [type="search"]::-webkit-search-cancel-button, 364 | [type="search"]::-webkit-search-decoration { 365 | -webkit-appearance: none; 366 | } 367 | 368 | /** 369 | * 1. Correct the inability to style clickable types in iOS and Safari. 370 | * 2. Change font properties to `inherit` in Safari. 371 | */ 372 | 373 | ::-webkit-file-upload-button { 374 | -webkit-appearance: button; /* 1 */ 375 | font: inherit; /* 2 */ 376 | } 377 | 378 | /* Interactive 379 | ========================================================================== */ 380 | 381 | /* 382 | * Add the correct display in IE 9-. 383 | * 1. Add the correct display in Edge, IE, and Firefox. 384 | */ 385 | 386 | details, /* 1 */ 387 | menu { 388 | display: block; 389 | } 390 | 391 | /* 392 | * Add the correct display in all browsers. 393 | */ 394 | 395 | summary { 396 | display: list-item; 397 | } 398 | 399 | /* Scripting 400 | ========================================================================== */ 401 | 402 | /** 403 | * Add the correct display in IE 9-. 404 | */ 405 | 406 | canvas { 407 | display: inline-block; 408 | } 409 | 410 | /** 411 | * Add the correct display in IE. 412 | */ 413 | 414 | template { 415 | display: none; 416 | } 417 | 418 | /* Hidden 419 | ========================================================================== */ 420 | 421 | /** 422 | * Add the correct display in IE 10-. 423 | */ 424 | 425 | [hidden] { 426 | display: none; 427 | } 428 | -------------------------------------------------------------------------------- /css/style.css: -------------------------------------------------------------------------------- 1 | /*! normalize.css v6.0.0 | MIT License | github.com/necolas/normalize.css */ 2 | 3 | /* Document 4 | ========================================================================== */ 5 | 6 | /** 7 | * 1. Correct the line height in all browsers. 8 | * 2. Prevent adjustments of font size after orientation changes in 9 | * IE on Windows Phone and in iOS. 10 | */ 11 | 12 | html { 13 | line-height: 1.15; /* 1 */ 14 | -ms-text-size-adjust: 100%; /* 2 */ 15 | -webkit-text-size-adjust: 100%; /* 2 */ 16 | } 17 | 18 | /* Sections 19 | ========================================================================== */ 20 | 21 | /** 22 | * Add the correct display in IE 9-. 23 | */ 24 | 25 | article, 26 | aside, 27 | footer, 28 | header, 29 | nav, 30 | section { 31 | display: block; 32 | } 33 | 34 | /** 35 | * Correct the font size and margin on `h1` elements within `section` and 36 | * `article` contexts in Chrome, Firefox, and Safari. 37 | */ 38 | 39 | h1 { 40 | font-size: 2em; 41 | margin: 0.67em 0; 42 | } 43 | 44 | /* Grouping content 45 | ========================================================================== */ 46 | 47 | /** 48 | * Add the correct display in IE 9-. 49 | * 1. Add the correct display in IE. 50 | */ 51 | 52 | figcaption, 53 | figure, 54 | main { /* 1 */ 55 | display: block; 56 | } 57 | 58 | /** 59 | * Add the correct margin in IE 8. 60 | */ 61 | 62 | figure { 63 | margin: 1em 40px; 64 | } 65 | 66 | /** 67 | * 1. Add the correct box sizing in Firefox. 68 | * 2. Show the overflow in Edge and IE. 69 | */ 70 | 71 | hr { 72 | box-sizing: content-box; /* 1 */ 73 | height: 0; /* 1 */ 74 | overflow: visible; /* 2 */ 75 | } 76 | 77 | /** 78 | * 1. Correct the inheritance and scaling of font size in all browsers. 79 | * 2. Correct the odd `em` font sizing in all browsers. 80 | */ 81 | 82 | pre { 83 | font-family: monospace, monospace; /* 1 */ 84 | font-size: 1em; /* 2 */ 85 | } 86 | 87 | /* Text-level semantics 88 | ========================================================================== */ 89 | 90 | /** 91 | * 1. Remove the gray background on active links in IE 10. 92 | * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. 93 | */ 94 | 95 | a { 96 | background-color: transparent; /* 1 */ 97 | -webkit-text-decoration-skip: objects; /* 2 */ 98 | } 99 | 100 | /** 101 | * 1. Remove the bottom border in Chrome 57- and Firefox 39-. 102 | * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. 103 | */ 104 | 105 | abbr[title] { 106 | border-bottom: none; /* 1 */ 107 | text-decoration: underline; /* 2 */ 108 | text-decoration: underline dotted; /* 2 */ 109 | } 110 | 111 | /** 112 | * Prevent the duplicate application of `bolder` by the next rule in Safari 6. 113 | */ 114 | 115 | b, 116 | strong { 117 | font-weight: inherit; 118 | } 119 | 120 | /** 121 | * Add the correct font weight in Chrome, Edge, and Safari. 122 | */ 123 | 124 | b, 125 | strong { 126 | font-weight: bolder; 127 | } 128 | 129 | /** 130 | * 1. Correct the inheritance and scaling of font size in all browsers. 131 | * 2. Correct the odd `em` font sizing in all browsers. 132 | */ 133 | 134 | code, 135 | kbd, 136 | samp { 137 | font-family: monospace, monospace; /* 1 */ 138 | font-size: 1em; /* 2 */ 139 | } 140 | 141 | /** 142 | * Add the correct font style in Android 4.3-. 143 | */ 144 | 145 | dfn { 146 | font-style: italic; 147 | } 148 | 149 | /** 150 | * Add the correct background and color in IE 9-. 151 | */ 152 | 153 | mark { 154 | background-color: #ff0; 155 | color: #000; 156 | } 157 | 158 | /** 159 | * Add the correct font size in all browsers. 160 | */ 161 | 162 | small { 163 | font-size: 80%; 164 | } 165 | 166 | /** 167 | * Prevent `sub` and `sup` elements from affecting the line height in 168 | * all browsers. 169 | */ 170 | 171 | sub, 172 | sup { 173 | font-size: 75%; 174 | line-height: 0; 175 | position: relative; 176 | vertical-align: baseline; 177 | } 178 | 179 | sub { 180 | bottom: -0.25em; 181 | } 182 | 183 | sup { 184 | top: -0.5em; 185 | } 186 | 187 | /* Embedded content 188 | ========================================================================== */ 189 | 190 | /** 191 | * Add the correct display in IE 9-. 192 | */ 193 | 194 | audio, 195 | video { 196 | display: inline-block; 197 | } 198 | 199 | /** 200 | * Add the correct display in iOS 4-7. 201 | */ 202 | 203 | audio:not([controls]) { 204 | display: none; 205 | height: 0; 206 | } 207 | 208 | /** 209 | * Remove the border on images inside links in IE 10-. 210 | */ 211 | 212 | img { 213 | border-style: none; 214 | } 215 | 216 | /** 217 | * Hide the overflow in IE. 218 | */ 219 | 220 | svg:not(:root) { 221 | overflow: hidden; 222 | } 223 | 224 | /* Forms 225 | ========================================================================== */ 226 | 227 | /** 228 | * Remove the margin in Firefox and Safari. 229 | */ 230 | 231 | button, 232 | input, 233 | optgroup, 234 | select, 235 | textarea { 236 | margin: 0; 237 | } 238 | 239 | /** 240 | * Show the overflow in IE. 241 | * 1. Show the overflow in Edge. 242 | */ 243 | 244 | button, 245 | input { /* 1 */ 246 | overflow: visible; 247 | } 248 | 249 | /** 250 | * Remove the inheritance of text transform in Edge, Firefox, and IE. 251 | * 1. Remove the inheritance of text transform in Firefox. 252 | */ 253 | 254 | button, 255 | select { /* 1 */ 256 | text-transform: none; 257 | } 258 | 259 | /** 260 | * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` 261 | * controls in Android 4. 262 | * 2. Correct the inability to style clickable types in iOS and Safari. 263 | */ 264 | 265 | button, 266 | html [type="button"], /* 1 */ 267 | [type="reset"], 268 | [type="submit"] { 269 | -webkit-appearance: button; /* 2 */ 270 | } 271 | 272 | /** 273 | * Remove the inner border and padding in Firefox. 274 | */ 275 | 276 | button::-moz-focus-inner, 277 | [type="button"]::-moz-focus-inner, 278 | [type="reset"]::-moz-focus-inner, 279 | [type="submit"]::-moz-focus-inner { 280 | border-style: none; 281 | padding: 0; 282 | } 283 | 284 | /** 285 | * Restore the focus styles unset by the previous rule. 286 | */ 287 | 288 | button:-moz-focusring, 289 | [type="button"]:-moz-focusring, 290 | [type="reset"]:-moz-focusring, 291 | [type="submit"]:-moz-focusring { 292 | outline: 1px dotted ButtonText; 293 | } 294 | 295 | /** 296 | * 1. Correct the text wrapping in Edge and IE. 297 | * 2. Correct the color inheritance from `fieldset` elements in IE. 298 | * 3. Remove the padding so developers are not caught out when they zero out 299 | * `fieldset` elements in all browsers. 300 | */ 301 | 302 | legend { 303 | box-sizing: border-box; /* 1 */ 304 | color: inherit; /* 2 */ 305 | display: table; /* 1 */ 306 | max-width: 100%; /* 1 */ 307 | padding: 0; /* 3 */ 308 | white-space: normal; /* 1 */ 309 | } 310 | 311 | /** 312 | * 1. Add the correct display in IE 9-. 313 | * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. 314 | */ 315 | 316 | progress { 317 | display: inline-block; /* 1 */ 318 | vertical-align: baseline; /* 2 */ 319 | } 320 | 321 | /** 322 | * Remove the default vertical scrollbar in IE. 323 | */ 324 | 325 | textarea { 326 | overflow: auto; 327 | } 328 | 329 | /** 330 | * 1. Add the correct box sizing in IE 10-. 331 | * 2. Remove the padding in IE 10-. 332 | */ 333 | 334 | [type="checkbox"], 335 | [type="radio"] { 336 | box-sizing: border-box; /* 1 */ 337 | padding: 0; /* 2 */ 338 | } 339 | 340 | /** 341 | * Correct the cursor style of increment and decrement buttons in Chrome. 342 | */ 343 | 344 | [type="number"]::-webkit-inner-spin-button, 345 | [type="number"]::-webkit-outer-spin-button { 346 | height: auto; 347 | } 348 | 349 | /** 350 | * 1. Correct the odd appearance in Chrome and Safari. 351 | * 2. Correct the outline style in Safari. 352 | */ 353 | 354 | [type="search"] { 355 | -webkit-appearance: textfield; /* 1 */ 356 | outline-offset: -2px; /* 2 */ 357 | } 358 | 359 | /** 360 | * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. 361 | */ 362 | 363 | [type="search"]::-webkit-search-cancel-button, 364 | [type="search"]::-webkit-search-decoration { 365 | -webkit-appearance: none; 366 | } 367 | 368 | /** 369 | * 1. Correct the inability to style clickable types in iOS and Safari. 370 | * 2. Change font properties to `inherit` in Safari. 371 | */ 372 | 373 | ::-webkit-file-upload-button { 374 | -webkit-appearance: button; /* 1 */ 375 | font: inherit; /* 2 */ 376 | } 377 | 378 | /* Interactive 379 | ========================================================================== */ 380 | 381 | /* 382 | * Add the correct display in IE 9-. 383 | * 1. Add the correct display in Edge, IE, and Firefox. 384 | */ 385 | 386 | details, /* 1 */ 387 | menu { 388 | display: block; 389 | } 390 | 391 | /* 392 | * Add the correct display in all browsers. 393 | */ 394 | 395 | summary { 396 | display: list-item; 397 | } 398 | 399 | /* Scripting 400 | ========================================================================== */ 401 | 402 | /** 403 | * Add the correct display in IE 9-. 404 | */ 405 | 406 | canvas { 407 | display: inline-block; 408 | } 409 | 410 | /** 411 | * Add the correct display in IE. 412 | */ 413 | 414 | template { 415 | display: none; 416 | } 417 | 418 | /* Hidden 419 | ========================================================================== */ 420 | 421 | /** 422 | * Add the correct display in IE 10-. 423 | */ 424 | 425 | [hidden] { 426 | display: none; 427 | } 428 | 429 | body { 430 | font-family: "Source Han Serif", "PingFang SC", "Microsoft YaHei", sans-serif; 431 | line-height: 1.7em; 432 | color: #4a4a4a; 433 | overflow-x: hidden; 434 | } 435 | a { 436 | text-decoration: none; 437 | color: #686868; 438 | border-bottom: 1px #686868 solid; 439 | } 440 | a:hover { 441 | color: #0e0e0e; 442 | border-bottom: 1px #0e0e0e solid; 443 | } 444 | figure.highlight { 445 | display: block; 446 | width: 92%; 447 | margin: auto; 448 | overflow-x: auto; 449 | } 450 | .highlight > table { 451 | width: 100%; 452 | } 453 | figure.highlight, 454 | .code, 455 | code { 456 | font-family: Monaco, Menlo, Consolas, 'Microsoft Yahei', monospace; 457 | font-size: 13px; 458 | margin: auto 5px; 459 | } 460 | figure.highlight pre, 461 | .code pre, 462 | code pre { 463 | margin: auto; 464 | overflow-x: auto; 465 | font-family: inherit; 466 | font-size: 13px; 467 | line-height: 1.6em; 468 | } 469 | img { 470 | max-width: 100%; 471 | } 472 | sup a { 473 | border-bottom: none; 474 | } 475 | blockquote { 476 | margin: 1em 0; 477 | padding: 0 40px; 478 | box-sizing: border-box; 479 | border-left: 2px solid #4a4a4a; 480 | } 481 | .container { 482 | box-sizing: border-box; 483 | position: absolute; 484 | left: 240px; 485 | right: 0; 486 | margin: auto; 487 | max-width: 960px; 488 | width: 60%; 489 | } 490 | .container > div > footer { 491 | width: 100%; 492 | text-align: center; 493 | color: #ccc; 494 | font-size: 14px; 495 | line-height: 20px; 496 | padding: 5rem 0 2rem; 497 | } 498 | .container > div > footer a { 499 | color: #ccc; 500 | border-color: #ccc; 501 | } 502 | .container > div > footer a:hover { 503 | color: #666; 504 | border-color: #666; 505 | } 506 | .Index, 507 | .TagArticle { 508 | padding: 7em 0 0 0; 509 | margin: 0; 510 | } 511 | .Index > li, 512 | .TagArticle > li { 513 | list-style: none; 514 | } 515 | .Archives { 516 | position: relative; 517 | padding: 7em 16px 0; 518 | } 519 | .Archives::before { 520 | position: absolute; 521 | top: 0; 522 | bottom: 0; 523 | left: -2px; 524 | height: auto; 525 | content: ''; 526 | background-color: #ddd; 527 | width: 2px; 528 | } 529 | .Archives h1, 530 | .Archives h2 { 531 | font-weight: 400; 532 | } 533 | .Archives h1::before, 534 | .Archives h2::before { 535 | position: absolute; 536 | left: -6px; 537 | content: ''; 538 | background-color: #ddd; 539 | width: 10px; 540 | height: 10px; 541 | border-radius: 50%; 542 | margin-top: 7px; 543 | } 544 | .Archives h1:hover::before, 545 | .Archives h2:hover::before { 546 | background-color: #777; 547 | transition: background-color 500ms ease; 548 | } 549 | .Archives h2 { 550 | font-size: 1.3rem; 551 | margin-bottom: 0; 552 | } 553 | .Archives h2::before { 554 | left: -5px; 555 | margin-top: 8px; 556 | width: 8px; 557 | height: 8px; 558 | } 559 | .Tags { 560 | margin: 0; 561 | padding: 4em 0 0 0; 562 | text-align: center; 563 | } 564 | .Tags > li { 565 | list-style: none; 566 | } 567 | .Tags a { 568 | border-bottom: none; 569 | } 570 | @media screen and (max-width: 1024px) { 571 | .container { 572 | position: absolute; 573 | left: 0; 574 | right: 0; 575 | padding-top: 20em; 576 | overflow-x: hidden; 577 | max-width: none; 578 | width: auto; 579 | } 580 | .container::before { 581 | content: ''; 582 | display: block; 583 | position: relative; 584 | height: 1px; 585 | width: 10%; 586 | background-color: #cdcdcd; 587 | top: 3.5em; 588 | margin: auto; 589 | } 590 | .Archives { 591 | padding: 0 16px; 592 | margin-top: 7em; 593 | } 594 | .container > * { 595 | margin-left: 4%; 596 | margin-right: 4%; 597 | } 598 | } 599 | @media screen and (max-width: 450px) { 600 | html, 601 | body { 602 | font-size: 90%; 603 | } 604 | blockquote { 605 | padding: 0 10px; 606 | } 607 | code pre { 608 | font-size: 80%; 609 | } 610 | .title h1, 611 | .PageTitle h1 { 612 | font-size: 1.3rem !important; 613 | } 614 | } 615 | .route-trans-enter { 616 | position: absolute; 617 | left: 0; 618 | right: 0; 619 | transform: translateX(-100px); 620 | opacity: 0; 621 | } 622 | .route-trans-enter.route-trans-enter-active { 623 | animation: route-trans-e 0.8s; 624 | animation-fill-mode: forwards; 625 | } 626 | .route-trans-leave { 627 | position: absolute; 628 | left: 0; 629 | right: 0; 630 | transform: translateX(0); 631 | opacity: 1; 632 | } 633 | .route-trans-leave.route-trans-leave-active { 634 | animation: route-trans-o 0.8s; 635 | animation-fill-mode: forwards; 636 | } 637 | @-moz-keyframes route-trans-e { 638 | 0% { 639 | transform: translate3d(-100px, 0, 0); 640 | opacity: 0; 641 | } 642 | 50% { 643 | transform: translate3d(-100px, 0, 0); 644 | opacity: 0; 645 | } 646 | 100% { 647 | transform: translate3d(0, 0, 0); 648 | opacity: 1; 649 | } 650 | } 651 | @-webkit-keyframes route-trans-e { 652 | 0% { 653 | transform: translate3d(-100px, 0, 0); 654 | opacity: 0; 655 | } 656 | 50% { 657 | transform: translate3d(-100px, 0, 0); 658 | opacity: 0; 659 | } 660 | 100% { 661 | transform: translate3d(0, 0, 0); 662 | opacity: 1; 663 | } 664 | } 665 | @-o-keyframes route-trans-e { 666 | 0% { 667 | transform: translate3d(-100px, 0, 0); 668 | opacity: 0; 669 | } 670 | 50% { 671 | transform: translate3d(-100px, 0, 0); 672 | opacity: 0; 673 | } 674 | 100% { 675 | transform: translate3d(0, 0, 0); 676 | opacity: 1; 677 | } 678 | } 679 | @keyframes route-trans-e { 680 | 0% { 681 | transform: translate3d(-100px, 0, 0); 682 | opacity: 0; 683 | } 684 | 50% { 685 | transform: translate3d(-100px, 0, 0); 686 | opacity: 0; 687 | } 688 | 100% { 689 | transform: translate3d(0, 0, 0); 690 | opacity: 1; 691 | } 692 | } 693 | @-moz-keyframes route-trans-o { 694 | 0% { 695 | transform: translate3d(0, 0, 0); 696 | opacity: 1; 697 | } 698 | 50% { 699 | transform: translate3d(100px, 0, 0); 700 | opacity: 0; 701 | } 702 | 100% { 703 | transform: translate3d(100px, 0, 0); 704 | opacity: 0; 705 | } 706 | } 707 | @-webkit-keyframes route-trans-o { 708 | 0% { 709 | transform: translate3d(0, 0, 0); 710 | opacity: 1; 711 | } 712 | 50% { 713 | transform: translate3d(100px, 0, 0); 714 | opacity: 0; 715 | } 716 | 100% { 717 | transform: translate3d(100px, 0, 0); 718 | opacity: 0; 719 | } 720 | } 721 | @-o-keyframes route-trans-o { 722 | 0% { 723 | transform: translate3d(0, 0, 0); 724 | opacity: 1; 725 | } 726 | 50% { 727 | transform: translate3d(100px, 0, 0); 728 | opacity: 0; 729 | } 730 | 100% { 731 | transform: translate3d(100px, 0, 0); 732 | opacity: 0; 733 | } 734 | } 735 | @keyframes route-trans-o { 736 | 0% { 737 | transform: translate3d(0, 0, 0); 738 | opacity: 1; 739 | } 740 | 50% { 741 | transform: translate3d(100px, 0, 0); 742 | opacity: 0; 743 | } 744 | 100% { 745 | transform: translate3d(100px, 0, 0); 746 | opacity: 0; 747 | } 748 | } 749 | .SideBar { 750 | position: fixed; 751 | width: 240px; 752 | overflow: hidden; 753 | top: 0; 754 | left: 0; 755 | bottom: 0; 756 | height: 100%; 757 | position: fixed; 758 | background-color: #fff; 759 | z-index: 10000; 760 | } 761 | .SideBar > section { 762 | width: 100%; 763 | } 764 | .media { 765 | position: absolute; 766 | width: 100%; 767 | bottom: 0.5rem; 768 | text-align: right; 769 | } 770 | .media > a { 771 | margin-left: 1em; 772 | border: none; 773 | } 774 | .media img { 775 | width: 1.5em; 776 | height: auto; 777 | opacity: 0.6; 778 | } 779 | .media img:hover { 780 | opacity: 1; 781 | } 782 | .menu { 783 | box-sizing: border-box; 784 | position: absolute; 785 | top: 240px; 786 | width: 240px; 787 | margin: 0; 788 | text-align: right; 789 | line-height: 1.7em; 790 | } 791 | .menu > ul { 792 | padding-top: 2em; 793 | } 794 | .avatar { 795 | height: 180px; 796 | background-color: #333; 797 | position: absolute; 798 | width: 100%; 799 | top: 0; 800 | } 801 | .av-pic { 802 | display: block; 803 | width: 130px; 804 | height: 130px; 805 | margin-top: 115px; 806 | margin-left: auto; 807 | margin-right: auto; 808 | border-radius: 50%; 809 | background-color: #fff; 810 | background-size: 100%; 811 | } 812 | .Btn { 813 | border-bottom: none; 814 | } 815 | .Btn > li { 816 | list-style: none; 817 | line-height: 1em; 818 | margin: 2rem 0; 819 | } 820 | @media screen and (min-width: 1024px) { 821 | a.Btn { 822 | border-bottom: none; 823 | } 824 | a.Btn > li { 825 | padding-right: 1em; 826 | border-right: 3px #aaa solid; 827 | } 828 | a.Btn > li:hover { 829 | border-right-color: #333; 830 | } 831 | a.Btn.active > li { 832 | border-right-color: #333; 833 | } 834 | } 835 | @media screen and (max-width: 1024px) { 836 | .SideBar { 837 | position: absolute; 838 | left: 0; 839 | right: 0; 840 | height: 10em; 841 | width: auto; 842 | overflow: visible; 843 | } 844 | .menu { 845 | position: relative; 846 | top: 185px; 847 | text-align: center; 848 | width: 100%; 849 | } 850 | .menu > ul { 851 | display: flex; 852 | align-items: center; 853 | justify-content: center; 854 | width: 50%; 855 | min-width: 280px; 856 | margin: 0 auto; 857 | padding: 0; 858 | } 859 | .Btn > li { 860 | margin: 1em 0; 861 | padding: 0; 862 | flex: 1; 863 | border-right: none; 864 | min-width: 70px; 865 | } 866 | .media { 867 | bottom: -2.5em; 868 | right: 1.5em; 869 | } 870 | .avatar { 871 | height: 120px; 872 | } 873 | .avatar > .av-pic { 874 | margin-top: 55px; 875 | } 876 | } 877 | .ListView { 878 | margin-bottom: 7em; 879 | } 880 | .ListView .title { 881 | text-align: center; 882 | } 883 | .ListView .title h1 { 884 | font-size: 1.8rem; 885 | font-weight: 400; 886 | margin-bottom: 0.3em; 887 | line-height: 125%; 888 | } 889 | .ListView .title a { 890 | border-bottom: none; 891 | color: #111; 892 | } 893 | .ListView .title a:hover { 894 | color: #0e0e0e; 895 | border-bottom: 1px #0e0e0e solid; 896 | } 897 | .ListMeta { 898 | font-size: 0.8em; 899 | color: #bbb; 900 | margin-bottom: 2.5em; 901 | } 902 | .ListMeta:hover { 903 | color: #333; 904 | } 905 | .ListMeta ul { 906 | display: inline; 907 | padding: 0; 908 | } 909 | li.meta-text { 910 | display: inline-block; 911 | } 912 | .more-link a { 913 | border-bottom-width: 2px; 914 | } 915 | .PageTitle { 916 | text-align: left; 917 | margin-bottom: 4em; 918 | } 919 | .PageTitle h1 { 920 | font-size: 2rem; 921 | font-weight: 400; 922 | margin-bottom: 0.3em; 923 | margin-left: -10%; 924 | } 925 | @media screen and (max-width: 1024px) { 926 | .PageTitle h1 { 927 | font-size: 2rem; 928 | margin-left: auto; 929 | padding-top: 3rem; 930 | } 931 | } 932 | .PageTitle a { 933 | border: none; 934 | color: #111; 935 | } 936 | time { 937 | font-family: inherit; 938 | } 939 | .ContentView { 940 | padding-top: 4em; 941 | } 942 | .ContentView table { 943 | border: 1px solid #808080; 944 | margin-top: 30px; 945 | margin-bottom: 30px; 946 | margin-left: auto; 947 | margin-right: auto; 948 | border-collapse: collapse; 949 | } 950 | .ContentView th { 951 | border: 1px solid #808080; 952 | padding-left: 13px; 953 | padding-right: 13px; 954 | padding-top: 6px; 955 | padding-bottom: 6px; 956 | } 957 | .ContentView td { 958 | border: 1px solid #808080; 959 | padding-left: 13px; 960 | padding-right: 13px; 961 | padding-top: 6px; 962 | padding-bottom: 6px; 963 | } 964 | .ContentView .ArticleMeta { 965 | font-size: 0.8em; 966 | color: #bbb; 967 | margin: 2.5em auto; 968 | } 969 | .ContentView .ArticleMeta a { 970 | border-bottom: 1px #bbb solid; 971 | } 972 | .ContentView .ArticleMeta:hover { 973 | color: #333; 974 | } 975 | .ContentView .ArticleMeta:hover a { 976 | border-bottom: 1px #333 solid; 977 | } 978 | .ContentView .ArticleMeta > div:nth-child(1) { 979 | position: relative; 980 | width: 49%; 981 | text-align: right; 982 | } 983 | .ContentView .ArticleMeta > div:nth-child(1)::after { 984 | content: '/'; 985 | font-size: 300%; 986 | font-weight: 100; 987 | position: absolute; 988 | top: 15px; 989 | right: -18px; 990 | } 991 | .ContentView .ArticleMeta > div:nth-child(2) { 992 | width: 49%; 993 | margin-left: auto; 994 | margin-right: 0; 995 | } 996 | .ContentView .ArticleMeta > div:only-child { 997 | width: 100%; 998 | text-align: center; 999 | } 1000 | .ContentView .ArticleMeta > div:only-child::after { 1001 | display: none; 1002 | } 1003 | #nav-wrapper { 1004 | text-align: center; 1005 | } 1006 | #page-nav { 1007 | position: relative; 1008 | display: inline-block; 1009 | padding: 0 1em; 1010 | } 1011 | .page-number { 1012 | margin: 0.3em; 1013 | } 1014 | .extend { 1015 | border-bottom-color: transparent; 1016 | line-height: inherit; 1017 | position: absolute; 1018 | white-space: nowrap; 1019 | } 1020 | .extend.prev { 1021 | right: 100%; 1022 | } 1023 | .extend.next { 1024 | left: 100%; 1025 | } 1026 | .TimeSection { 1027 | overflow: hidden; 1028 | } 1029 | .TimeSection h1 { 1030 | cursor: pointer; 1031 | } 1032 | .TimeSection ul { 1033 | margin: 0; 1034 | padding: 0; 1035 | overflow: hidden; 1036 | } 1037 | .hljs { 1038 | display: block; 1039 | background: white; 1040 | padding: 0.5em; 1041 | color: #333333; 1042 | overflow-x: auto 1043 | } 1044 | 1045 | .comment, 1046 | .meta { 1047 | color: #969896 1048 | } 1049 | 1050 | .string, 1051 | .variable, 1052 | .template-variable, 1053 | .strong, 1054 | .emphasis, 1055 | .quote { 1056 | color: #df5000 1057 | } 1058 | 1059 | .keyword, 1060 | .selector-tag, 1061 | .type { 1062 | color: #a71d5d 1063 | } 1064 | 1065 | .literal, 1066 | .symbol, 1067 | .bullet, 1068 | .attribute { 1069 | color: #0086b3 1070 | } 1071 | 1072 | .section, 1073 | .name { 1074 | color: #63a35c 1075 | } 1076 | 1077 | .tag { 1078 | color: #333333 1079 | } 1080 | 1081 | .title, 1082 | .attr, 1083 | .selector-id, 1084 | .selector-class, 1085 | .selector-attr, 1086 | .selector-pseudo { 1087 | color: #795da3 1088 | } 1089 | 1090 | .addition { 1091 | color: #55a532; 1092 | background-color: #eaffea 1093 | } 1094 | 1095 | .deletion { 1096 | color: #bd2c00; 1097 | background-color: #ffecec 1098 | } 1099 | 1100 | .link { 1101 | text-decoration: underline 1102 | } 1103 | --------------------------------------------------------------------------------