diff --git "a/2021/02/02/\346\210\221\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\346\226\207/index.html" "b/2021/02/02/\346\210\221\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\346\226\207/index.html" index b219f35..0c1d257 100644 --- "a/2021/02/02/\346\210\221\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\346\226\207/index.html" +++ "b/2021/02/02/\346\210\221\347\232\204\347\254\254\344\270\200\347\257\207\345\215\232\346\226\207/index.html" @@ -1,11 +1,9 @@ - - - - + - + + 【Hexo】使用hexo+github搭建个人博客 - Mr.K @@ -16,6 +14,23 @@ + + + + + + + + + + + + + + + + + @@ -44,14 +59,44 @@ + + + + + + + + + + + + + + + - + -
+ +
+ +
- - February - - - - - - - - - - - 2, 2021
@@ -181,14 +212,39 @@

Waring +

About this Post

-

This post is written by Kjr, licensed under CC BY-NC 4.0.

+
+

This post is written by Kjr, licensed under CC BY-NC 4.0.

+
+ +

+ + + #essay +

+ +
+ + +
+ + + +
+

@@ -197,42 +253,69 @@

About this Post

- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+ + + + + + + + + - + \ No newline at end of file diff --git a/2021/02/03/hello-world/index.html b/2021/02/03/hello-world/index.html index ed386d8..2cc80aa 100644 --- a/2021/02/03/hello-world/index.html +++ b/2021/02/03/hello-world/index.html @@ -1,11 +1,9 @@ - - - - + - + + Hello World - Mr.K @@ -16,6 +14,23 @@ + + + + + + + + + + + + + + + + + @@ -44,14 +59,44 @@ + + + + + + + + + + + + + + + - + -
+ + @@ -143,42 +202,69 @@

About this Post

- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+ + + + + + + + + - + \ No newline at end of file diff --git "a/2021/02/03/hexo\344\277\256\346\224\271\344\276\247\350\276\271\346\240\217\346\226\207\345\255\227/index.html" "b/2021/02/03/hexo\344\277\256\346\224\271\344\276\247\350\276\271\346\240\217\346\226\207\345\255\227/index.html" index d24dde9..cc7023e 100644 --- "a/2021/02/03/hexo\344\277\256\346\224\271\344\276\247\350\276\271\346\240\217\346\226\207\345\255\227/index.html" +++ "b/2021/02/03/hexo\344\277\256\346\224\271\344\276\247\350\276\271\346\240\217\346\226\207\345\255\227/index.html" @@ -1,11 +1,9 @@ - - - - + - + + 修改侧边栏文字 - Mr.K @@ -16,6 +14,23 @@ + + + + + + + + + + + + + + + + + @@ -44,14 +59,44 @@ + + + + + + + + + + + + + + + - + -
+ + @@ -145,42 +204,69 @@

About this Post

- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+ + + + + + + + + - + \ No newline at end of file diff --git a/2023/11/05/11/1.png b/2023/11/05/11/1.png new file mode 100644 index 0000000..cd8bf62 Binary files /dev/null and b/2023/11/05/11/1.png differ diff --git a/2023/11/05/11/image-20231105195213530.png b/2023/11/05/11/image-20231105195213530.png new file mode 100644 index 0000000..cd7ef82 Binary files /dev/null and b/2023/11/05/11/image-20231105195213530.png differ diff --git a/2023/11/05/11/index.html b/2023/11/05/11/index.html new file mode 100644 index 0000000..6016c2e --- /dev/null +++ b/2023/11/05/11/index.html @@ -0,0 +1,254 @@ + + + + + + + + 11 - Mr.K + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ + + +
+ November + 5, + 2023 +
+ + +

11

+
+ +
+ +
+

image-20231105195213530

+

1

+ +
+ + +
+

About this Post

+
+

This post is written by Kjr, licensed under CC BY-NC 4.0.

+
+ +
+ + +
+ + + + +
+ + + + + +
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git "a/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55-9185162.png" "b/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55-9185162.png" new file mode 100644 index 0000000..cd8bf62 Binary files /dev/null and "b/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55-9185162.png" differ diff --git "a/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55.png" "b/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55.png" new file mode 100644 index 0000000..cd8bf62 Binary files /dev/null and "b/2023/11/05/11/\346\210\252\345\261\2172023-11-05 17.23.55.png" differ diff --git a/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/github-mark-dark.png b/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/github-mark-dark.png new file mode 100644 index 0000000..ea6ff54 Binary files /dev/null and b/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/github-mark-dark.png differ diff --git a/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/index.html b/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/index.html index e962968..4fe60ab 100644 --- a/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/index.html +++ b/2023/11/05/A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features/index.html @@ -1,11 +1,9 @@ - - - - + - + + A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features - Mr.K @@ -16,6 +14,23 @@ + + + + + + + + + + + + + + + + + @@ -44,14 +59,44 @@ + + + + + + + + + + + + + + + - + -
+ + @@ -267,42 +326,69 @@

About this Post

- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+ + + + + + + + + - + \ No newline at end of file diff --git a/2023/11/05/test/index.html b/2023/11/05/test/index.html new file mode 100644 index 0000000..3f9bf33 --- /dev/null +++ b/2023/11/05/test/index.html @@ -0,0 +1,261 @@ + + + + + + + + test - Mr.K + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/about/index.html b/about/index.html index 5a2ab17..d4c6cf1 100644 --- a/about/index.html +++ b/about/index.html @@ -1,11 +1,9 @@ - - - - + - + + About - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,44 @@ + + + + + + + + + + + + + + + - + -
+ +
+ +
- - February - - - - - - - - - - - 6, 2021
@@ -123,14 +150,24 @@

Conta

+

About this Post

-

This post is written by Kjr, licensed under CC BY-NC 4.0.

+
+

This post is written by Kjr, licensed under CC BY-NC 4.0.

+
+ +
+ + +
+ +
+
@@ -139,42 +176,69 @@

About this Post

- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+ + + + + + + + + - + \ No newline at end of file diff --git a/archives/2021/02/index.html b/archives/2021/02/index.html index e88e73a..103a9b6 100644 --- a/archives/2021/02/index.html +++ b/archives/2021/02/index.html @@ -1,13 +1,11 @@ - - - - + - + + - Archive: 2021/2 - Mr.K + Archives: 2021/2 - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,48 @@ + + + + + + + + + + + + + + + + + + + - +
- +
+
+ + +
-
+

Archives

+
+ +
+ +
+
修改侧边栏文字
- - February - - - - - - - - - - -  3,  2021
@@ -125,25 +163,13 @@
+
Hello World
- - February - - - - - - - - - - -  3,  2021
@@ -155,25 +181,13 @@
+
【Hexo】使用hexo+github搭建个人博客
- - February - - - - - - - - - - -  2,  2021
@@ -190,42 +204,69 @@
- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+
+ + + + + + + + - + \ No newline at end of file diff --git a/archives/2021/index.html b/archives/2021/index.html index 633b59d..909ad6e 100644 --- a/archives/2021/index.html +++ b/archives/2021/index.html @@ -1,13 +1,11 @@ - - - - + - + + - Archive: 2021 - Mr.K + Archives: 2021 - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,48 @@ + + + + + + + + + + + + + + + + + + + - +
- +
+
+ + +
-
+

Archives

+
+ +
+ +
+
修改侧边栏文字
- - February - - - - - - - - - - -  3,  2021
@@ -125,25 +163,13 @@
+
Hello World
- - February - - - - - - - - - - -  3,  2021
@@ -155,25 +181,13 @@
+
【Hexo】使用hexo+github搭建个人博客
- - February - - - - - - - - - - -  2,  2021
@@ -190,42 +204,69 @@
- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+
+ + + + + + + + - + \ No newline at end of file diff --git a/archives/2023/11/index.html b/archives/2023/11/index.html index 9f17ab9..0911842 100644 --- a/archives/2023/11/index.html +++ b/archives/2023/11/index.html @@ -1,13 +1,11 @@ - - - - + - + + - Archive: 2023/11 - Mr.K + Archives: 2023/11 - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,48 @@ + + + + + + + + + + + + + + + + + + + - +
- +
+
+ + +
-
+

Archives

+
+ +
+ +
+ + + +
+ + + + + + + + - + \ No newline at end of file diff --git a/archives/2023/index.html b/archives/2023/index.html index 67aac5c..6e0ca89 100644 --- a/archives/2023/index.html +++ b/archives/2023/index.html @@ -1,13 +1,11 @@ - - - - + - + + - Archive: 2023 - Mr.K + Archives: 2023 - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,48 @@ + + + + + + + + + + + + + + + + + + + - +
- +
+
+ + +
-
+

Archives

+
+ +
+ +
+ + + +
+ + + + + + + + - + \ No newline at end of file diff --git a/archives/index.html b/archives/index.html index af67f79..fbe0f83 100644 --- a/archives/index.html +++ b/archives/index.html @@ -1,13 +1,11 @@ - - - - + - + + - Archive - Mr.K + Archives - Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,10 +55,48 @@ + + + + + + + + + + + + + + + + + + + + + + + - +
- +
+
+ + +
+ +

Archives

+
-
+
+ +
+ + + +
+
A-novel-deep-framework-for-dynamic-malware-detection-based-on-API-sequence-intrinsic-features
- - - - - - - - - - - November - -  5,  2023
@@ -121,25 +203,13 @@
+
修改侧边栏文字
- - February - - - - - - - - - - -  3,  2021
@@ -151,25 +221,13 @@
+
Hello World
- - February - - - - - - - - - - -  3,  2021
@@ -181,25 +239,13 @@
+
【Hexo】使用hexo+github搭建个人博客
- - February - - - - - - - - - - -  2,  2021
@@ -216,42 +262,69 @@
- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+
+ + + + + + + + - + \ No newline at end of file diff --git a/css/archive.css b/css/archive.css new file mode 100644 index 0000000..6cd62a4 --- /dev/null +++ b/css/archive.css @@ -0,0 +1,12 @@ +.meta { + margin-top: 128px; +} + +.meta .type { + color: var(--grey); + font-weight: 600; + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; +} diff --git a/css/categories.css b/css/categories.css new file mode 100644 index 0000000..7c94254 --- /dev/null +++ b/css/categories.css @@ -0,0 +1,29 @@ +.categories { + margin-bottom: 128px; + display: grid; + grid-template-columns: 1fr 1fr 1fr; +} + +@media screen and (max-width: 800px) { + .categories { + grid-template-columns: 1fr 1fr; + } +} + +.categories .category { + display: block; + padding: 12px 24px; + margin: 6px; + font-size: 20px; + font-weight: bold; + border-radius: 12px; + background-color: var(--white); + color: var(--black-2); + text-decoration: none; + border: 1px solid var(--border-color); +} + +.categories .category:hover { + background-color: var(--white-1); + color: var(--black); +} diff --git a/css/components.css b/css/components.css index 94e78e8..e1d8996 100644 --- a/css/components.css +++ b/css/components.css @@ -29,7 +29,7 @@ .card { overflow: hidden; - border-radius: 7px; + border-radius: 16px; background-color: var(--card-bg); margin-bottom: 21px; transition: all 200ms ease; @@ -105,10 +105,18 @@ } .card .actions { - float: bottom; padding: 16px; padding-top: 0; - text-align: right; + display: flex; +} + +.card .actions .left { + justify-content: flex-start; +} + +.card .actions .right { + margin-left: auto; + justify-content: flex-end; } .actions .action-button-primary { @@ -116,9 +124,65 @@ color: var(--white-txt-on-blue-bg); padding: 6px 12px; border-radius: 32px; + text-decoration: none; + transition: 0.5s; +} + +.actions .action-button-primary:hover { + background-color: var(--link); } .block-large { max-width: 1000px; margin: auto; } + +.badge { + --color: var(--link); + font-size: 16px; + border: 2px solid var(--color); + color: var(--color); + padding: 0 8px; + margin: 0 6px; + border-radius: 24px; +} + +.badge.warning { + --color: #fdc008; +} + +.badge.secondary { + --color: #6c7781; +} + +.badge.success { + --color: #31b14e; +} + +.no-select { + user-select: none; +} + +.text-left { + text-align: left; +} + +.text-center { + text-align: center; +} + +.text-right { + text-align: right; +} + +.text-uppercase { + text-transform: uppercase; +} + +.text-lowercase { + text-transform: lowercase; +} + +.text-capitalize { + text-transform: capitalize; +} diff --git a/css/footer.css b/css/footer.css index 7761dfd..f29e121 100644 --- a/css/footer.css +++ b/css/footer.css @@ -34,10 +34,56 @@ footer .group { } footer .title { + font-size: 17px; margin: 0; margin-bottom: 8px; } footer .item { + color: var(--footer-link-grey); display: block; +} + +footer .footer-extra-description { + color: var(--footer-link-grey); + font-size: 14px; + display: block; + margin-top: 12px; + margin-bottom: -12px; +} + +footer .color-scheme-toggle { + display: flex; + padding: 1px; + gap: 1px; + border-radius: 16px; + border: 1px solid var(--blue); + margin-top: 16px; + width: max-content; +} + +footer .color-scheme-toggle label { + display: flex; +} + +footer .color-scheme-toggle label input { + position: absolute; + width: 0px; + height: 0px; + margin: 0; +} + +footer .color-scheme-toggle label span { + font-size: 12px; + padding: 4px 2px; + border-radius: 12px; + color: var(--link); + width: 40px; + display: block; + text-align: center; +} + +footer .color-scheme-toggle label input:checked+span { + color: var(--white-txt-on-blue-bg); + background-color: var(--blue); } \ No newline at end of file diff --git a/css/giscus.css b/css/giscus.css new file mode 100644 index 0000000..086c75c --- /dev/null +++ b/css/giscus.css @@ -0,0 +1,7 @@ +.giscus { + width: calc(100% - 32px); + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; +} diff --git a/css/main.css b/css/main.css index c652ab2..55536a1 100644 --- a/css/main.css +++ b/css/main.css @@ -1,9 +1,13 @@ +* { + transition: color 0.2s, background-color 0.2s; +} + body { margin: 0; margin-top: 56px; color: var(--black-2); background-color: var(--body-bg); - font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; + font-family: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } a:link { diff --git a/css/nav.css b/css/nav.css index d44bded..484af73 100644 --- a/css/nav.css +++ b/css/nav.css @@ -1,5 +1,5 @@ nav { - background-color: var(--white-opacity-8); + background-color: var(--nav-bg); border-bottom: 1px solid var(--border-color); user-select: none; position: fixed; @@ -30,7 +30,7 @@ nav a, nav a:hover, nav a:focus, nav a:active, nav a:link, nav a:visited { nav .title { margin: 0; font-size: 20px; - font-weight: normal; + font-weight: 500; line-height: 48px; color: var(--black-2)!important; } @@ -84,28 +84,77 @@ nav .nav-item-icon { padding: 0; } -nav .nav-item-github { +nav .nav-item-search { + background-size: 16px 16px; +} + +body[data-color-scheme="auto"] nav .nav-item-github, body[data-color-scheme="light"] nav .nav-item-github { background-image: url(/theme-img/github-mark-dark.png); } -nav .nav-item-patreon { +body[data-color-scheme="auto"] nav .nav-item-patreon, body[data-color-scheme="light"] nav .nav-item-patreon { background-image: url(/theme-img/patreon-logo-black.png); } -nav .nav-item-codepen { +body[data-color-scheme="auto"] nav .nav-item-codepen, body[data-color-scheme="light"] nav .nav-item-codepen { background-image: url(https://blog.codepen.io/wp-content/uploads/2012/06/Button-Fill-Black-Large.png); } +body[data-color-scheme="auto"] nav .nav-item-mastodon, body[data-color-scheme="light"] nav .nav-item-mastodon { + background-image: url(/theme-img/mastodon-logo-black.svg); +} + +body[data-color-scheme="auto"] nav .nav-item-discord, body[data-color-scheme="light"] nav .nav-item-discord { + background-image: url(/theme-img/discord-mark-dark.svg); +} + +body[data-color-scheme="auto"] nav .nav-item-search, body[data-color-scheme="light"] nav .nav-item-search { + background-image: url(/theme-img/search-dark.svg); +} + @media (prefers-color-scheme: dark) { - nav .nav-item-github { + body[data-color-scheme="auto"] nav .nav-item-github { background-image: url(/theme-img/github-mark-light.png); } - nav .nav-item-patreon { + body[data-color-scheme="auto"] nav .nav-item-patreon { background-image: url(/theme-img/patreon-logo-white.png); } - nav .nav-item-codepen { + body[data-color-scheme="auto"] nav .nav-item-codepen { background-image: url(https://blog.codepen.io/wp-content/uploads/2012/06/Button-Fill-White-Large.png); } + body[data-color-scheme="auto"] nav .nav-item-mastodon { + background-image: url(/theme-img/mastodon-logo-white.svg); + } + body[data-color-scheme="auto"] nav .nav-item-discord { + background-image: url(/theme-img/discord-mark-light.svg); + } + body[data-color-scheme="auto"] nav .nav-item-search { + background-image: url(/theme-img/search-light.svg); + } +} + +body[data-color-scheme="dark"] nav .nav-item-github { + background-image: url(/theme-img/github-mark-light.png); +} + +body[data-color-scheme="dark"] nav .nav-item-patreon { + background-image: url(/theme-img/patreon-logo-white.png); +} + +body[data-color-scheme="dark"] nav .nav-item-codepen { + background-image: url(https://blog.codepen.io/wp-content/uploads/2012/06/Button-Fill-White-Large.png); +} + +body[data-color-scheme="dark"] nav .nav-item-mastodon { + background-image: url(/theme-img/mastodon-logo-white.svg); +} + +body[data-color-scheme="dark"] nav .nav-item-discord { + background-image: url(/theme-img/discord-mark-light.svg); +} + +body[data-color-scheme="dark"] nav .nav-item-search { + background-image: url(/theme-img/search-light.svg); } @media screen and (max-width: 600px) { diff --git a/css/post-list.css b/css/post-list.css index 7e828e0..46fecd4 100644 --- a/css/post-list.css +++ b/css/post-list.css @@ -1,114 +1,171 @@ .post-list { - user-select: none; - display: grid; - grid-template-columns: 1fr 1fr; - max-width: 980px; - margin: auto; + user-select: none; + display: grid; + grid-template-columns: 1fr 1fr; + max-width: 980px; + margin: auto; } @media screen and (max-width: 600px) { - .post-list { - display: block; - max-width: 366px; - } + .post-list { + display: block; + max-width: 366px; + } } .post-list-item { - overflow: hidden; - border-radius: 7px; - background-color: var(--card-bg); - margin-bottom: 21px; - transition: all 200ms ease; + overflow: hidden; + border-radius: 16px; + background-color: var(--card-bg); + margin-bottom: 21px; + transition: all 200ms ease; } .post-list-item:nth-child(2n-1) { - margin-right: 8px; + margin-right: 8px; } .post-list-item:nth-child(2n) { - margin-left: 8px; + margin-left: 8px; } @media screen and (max-width: 600px) { - .post-list-item:nth-child(n) { - margin-left: 0; - margin-right: 0; - } + .post-list-item:nth-child(n) { + margin-left: 0; + margin-right: 0; + } } .post-list-item .cover-img { - overflow: hidden; - height: 266px; + overflow: hidden; + height: 266px; } .post-list-item .cover-img img { - width: 100%; - height: 100%; - object-fit: cover; - filter: brightness(1); - transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), filter 400ms cubic-bezier(0.4, 0, 0.25, 1); + width: 100%; + height: 100%; + object-fit: cover; + filter: brightness(1); + transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1), + filter 400ms cubic-bezier(0.4, 0, 0.25, 1); } -.post-list-item:hover .cover-img img, .post-list-item>a:focus .cover-img img { - transform: scale(1.03); - filter: brightness(0.85); +.post-list-item:hover .cover-img img, +.post-list-item > a:focus .cover-img img { + transform: scale(1.03); + filter: brightness(0.85); } .post-list-item .title { - font-size: 24px; - line-height: 1.16667; - font-weight: 700; - letter-spacing: .009em; - max-height: 7em; - color: var(--card-title); - overflow: hidden; + font-size: 24px; + line-height: 1.16667; + font-weight: 700; + letter-spacing: 0.009em; + max-height: 7em; + color: var(--card-title); + overflow: hidden; } .post-list-item .content { - padding: 32px; + padding: 32px; } -.post-list-item a, .post-list-item a:hover, .post-list-item a:focus, .post-list-item a:active, .post-list-item a:link, .post-list-item a:visited { - font-weight: bold; - font-size: 24px; - color: var(--black); - text-decoration: none; +.post-list-item a, +.post-list-item a:hover, +.post-list-item a:focus, +.post-list-item a:active, +.post-list-item a:link, +.post-list-item a:visited { + font-weight: bold; + font-size: 24px; + color: var(--black); + text-decoration: none; +} + +.post-list-item .categories { + color: var(--link); + margin-bottom: 6px; + font-weight: 600; +} + +.post-list-item .categories span { + font-size: 11px; + margin-right: 6px; + text-decoration: none; } .post-list-item .excerpt { - font-size: 17px; - color: var(--black-1); + font-size: 17px; + color: var(--black-1); } @media screen and (max-width: 800px) { - .post-list-item .content { - font-size: 12px; - } + .post-list-item .content { + font-size: 12px; + } } .post-list-item .time { - font-size: 14px; - line-height: 1.28577; - font-weight: 600; - letter-spacing: -.016em; - display: flex; - justify-content: flex-start; - align-items: center; - margin-top: 12px; - color: var(--card-time); + font-size: 14px; + line-height: 1.28577; + font-weight: 600; + letter-spacing: -0.016em; + display: flex; + justify-content: flex-start; + align-items: center; + margin-top: 12px; + color: var(--card-time); } .post-list-item .read-more { - text-align: right; + text-align: right; } .post-list-item .read-more button { - font-size: 12px; - outline: none; - border: none; - background-color: var(--blue); - color: var(--white-txt-on-blue-bg); - padding: 6px 12px; - border-radius: 32px; - cursor: pointer; + font-size: 12px; + outline: none; + border: none; + background-color: var(--blue); + color: var(--white-txt-on-blue-bg); + padding: 6px 12px; + border-radius: 32px; + cursor: pointer; +} + +/* in archive page, use a more compact list view */ + +.post-list.archives { + display: block; + max-width: 980px; + margin: auto; +} + +.post-list.archives .post-list-item { + border-radius: 0; + background-color: initial; + padding: 21px 0; + margin: 0; + border-bottom: 1px solid var(--border-color); + transition: all 200ms ease; +} + +.post-list.archives .post-list-item:nth-child(n) { + margin-left: 0; + margin-right: 0; +} + +.post-list.archives .post-list-item:last-child { + border-bottom: none; +} + +.post-list.archives .post-list-item a { + display: flex; +} + +.post-list.archives .post-list-item .cover-img { + height: initial; + min-width: 180px; + width: 20vw; + border-radius: 16px; + flex-shrink: 0; } diff --git a/css/post.css b/css/post.css index a8b24ae..08e8b8b 100644 --- a/css/post.css +++ b/css/post.css @@ -1,77 +1,354 @@ body { - background-color: var(--white); + background-color: var(--body-bg); } .post { - margin: 128px 0; + margin: 128px 0; +} + +.meta .categories { + color: var(--link); + margin-bottom: 6px; + font-weight: 600; +} + +.meta .categories a { + font-size: 13px; + margin-right: 6px; + text-decoration: none; } .meta .date { - color: var(--grey); - font-weight: 600; + color: var(--grey); + font-weight: 600; } .meta .title { - font-size: 48px; - margin-top: 16px; + font-size: 48px; + margin-top: 16px; } -.content p, .content h1, .content h2, .content h3, .content h4, .content h5, .content h6, .meta .date, .content figure, .divider, .container, hr, .meta .title, .content blockquote, .content table, .content video, .content ul, .content ol, .about { - max-width: 800px; - margin-left: auto; - margin-right: auto; - padding: 0 16px; +.content { + font-size: 19px; + line-height: 1.4211; + font-weight: 400; + letter-spacing: 0.012em; +} + +.content p, +.content h1, +.content h2, +.content h3, +.content h4, +.content h5, +.content h6, +.meta .categories, +.meta .date, +.content figure, +/* only `.content>pre`, do not include
 in 
*/ +.content>pre, +.divider, +.container, +hr, +.meta .title, +.toc, +.content blockquote, +.content table, +.content video, +.content ul, +.content ol, +.content > mjx-container, +.content > .katex, +.about { + max-width: 800px; + margin-left: auto; + margin-right: auto; + padding: 0 16px; } -.content .highlight { - overflow-x: auto; - overflow-y: hidden; - background-color: var(--body-bg); - border-radius: 4px; - max-width: calc(800px - 16px * 2); +.content p img, +.content .block-large img { + border-radius: 10px; +} + +.content table, +.content video { + display: block; +} + +.content table { + padding: 0; + border-collapse: collapse; + border-radius: 15px; + max-width: 800px; + overflow-x: auto; +} + +.content table tr { + background-color: var(--card-bg); +} + +.content table tr:nth-child(even) { + background-color: transparent; +} + +.content table th, +.content table td { + margin: 0; + padding: 6px 12px; +} + +.content table th { + border-bottom: 1px solid var(--border-color); +} + +.content table thead tr th:first-child { + border-top-left-radius: 15px; +} + +.content table thead tr th:last-child { + border-top-right-radius: 15px; +} + +.content table tbody tr:last-child td:first-child { + border-bottom-left-radius: 15px; +} + +.content table tbody tr:last-child td:last-child { + border-bottom-right-radius: 15px; +} + +@media screen and (max-width: 800px) { + .content table, + .content table thead tr th:first-child, + .content table thead tr th:last-child, + .content table tbody tr:last-child td:first-child, + .content table tbody tr:last-child td:last-child { + border-radius: 0; + } +} + +.content video { + max-width: 100%; + padding: 0; +} + +.content .highlight, +.content > pre { + overflow-x: auto; + overflow-y: hidden; + background-color: var(--card-bg); + border-radius: 15px; + max-width: calc(800px - 16px * 2); } @media screen and (max-width: 800px) { - .content .highlight { - border-radius: 0; - } + .content .highlight, + .content > pre { + border-radius: 0; + } +} + +.content .highlight * { + border: none; } .content .highlight .gutter { - padding-right: 16px; + padding-right: 16px; } -.content table, .content video { - display: block; +.content > pre { + max-width: calc(800px - 24px * 2); + padding: 20px 24px; } -.content video { - max-width: 100%; - padding: 0; +.content > pre > code { + background-color: transparent; } -.content ul, .content ol { - padding: 0 16px; - padding-left: 32px; - max-width: calc(800px - 16px * 2); +.content ul, +.content ol { + padding: 0 16px; + padding-left: 32px; + max-width: calc(800px - 16px * 2); } -.content ul *, .content ol * { - padding: 0; +.content ul *, +.content ol * { + padding: 0; } .content blockquote { - max-width: calc(800px - 16px * 2); - padding: 0 8px; + max-width: calc(800px - 16px * 2); + padding: 0 8px; +} + +/* for [hexo-math](https://github.com/hexojs/hexo-math): */ +.content > mjx-container, +.content > .katex { + display: block; + text-align: center; +} + +.tags { + display: flex; + flex-wrap: wrap; +} + +.tags .icon { + --size: 14px; + background-position: center; + background-size: var(--size) var(--size); + background-repeat: no-repeat; + display: block; + width: var(--size); + height: var(--size); + margin-right: 6px; +} + +body[data-color-scheme="auto"] .tags .icon { + background-image: url(/theme-img/tags-dark.svg); +} + +@media (prefers-color-scheme: dark) { + body[data-color-scheme="auto"] .tags .icon { + background-image: url(/theme-img/tags-light.svg); + } +} + +body[data-color-scheme="dark"] .tags .icon { + background-image: url(/theme-img/tags-light.svg); +} + +.tags .tag { + font-size: 14px; + display: block; + height: 14px; + margin-right: 4px; } .about { - border-radius: 7px; - background-color: var(--body-bg); - padding: 16px; - margin: 64px auto; + border-radius: 7px; + background-color: var(--card-bg); + max-width: calc(800px - 16px * 2); + padding: 16px; + margin: 64px auto; +} + +@media screen and (max-width: 800px) { + .about { + border-radius: 0; + } } .about h1 { - margin: 0; -} \ No newline at end of file + margin: 0; +} + +.about .details { + margin: 16px 0; +} + +.about .details p { + margin: 6px 0; +} + +.content h1 > .headerlink, +.content h2 > .headerlink, +.content h3 > .headerlink, +.content h4 > .headerlink, +.content h5 > .headerlink, +.content h6 > .headerlink { + opacity: 0; + color: var(--grey); + font-weight: normal; + position: absolute; + padding-right: 6px; + transform: translateX(-100%); + transition: opacity 0.2s; +} + +.content h1:hover > .headerlink, +.content h2:hover > .headerlink, +.content h3:hover > .headerlink, +.content h4:hover > .headerlink, +.content h5:hover > .headerlink, +.content h6:hover > .headerlink { + opacity: 1; + text-decoration: none; +} + +.content h1 > .headerlink::before, +.content h2 > .headerlink::before, +.content h3 > .headerlink::before, +.content h4 > .headerlink::before, +.content h5 > .headerlink::before, +.content h6 > .headerlink::before { + content: "#"; +} + +.content > h1 { + font-size: 36px; +} + +.content > h2 { + font-size: 30px; +} + +.content > h3 { + font-size: 26px; +} + +.content > h4 { + font-size: 20px; +} + +.content > h5 { + font-size: 16px; +} + +.content > h6 { + font-size: 14px; +} + +.post-prev-next { + display: flex; + justify-content: space-between; +} + +.post-prev-next > a { + width: 50%; + color: var(--black-4); + text-decoration: none; +} + +.post-prev-next > a:hover { + color: var(--black-2); +} + +.post-prev-next > a > div { + display: flex; +} + +.post-prev-next .text { + display: flex; + flex-direction: column; +} + +.post-prev-next .prev > div { + justify-content: flex-end; + text-align: right; +} + +.post-prev-next .prev .text { + align-items: flex-end; +} + +.post-prev-next .text * { + margin: 0; +} + +.post-prev-next .text .label { + margin-bottom: 4px; + color: var(--grey); +} diff --git a/css/rainbow-banner.css b/css/rainbow-banner.css new file mode 100644 index 0000000..36cb3e5 --- /dev/null +++ b/css/rainbow-banner.css @@ -0,0 +1,9 @@ +.rainbow-banner { + background-image: var(--gradient); + height: 6px; + position: fixed; + top: 0; + left: 0; + right: 0; + z-index: 900; +} diff --git a/css/search.css b/css/search.css new file mode 100644 index 0000000..d42afcb --- /dev/null +++ b/css/search.css @@ -0,0 +1,30 @@ +#searchbox { + display: block; + outline: none; + width: calc(100% - 16px * 2); + background-color: var(--white); + color: var(--black-2); + border: 1px solid var(--border-color); + padding: 12px 16px; + font-size: 20px; + border-radius: 12px; +} + +#searchbox:hover, +#searchbox:focus-visible { + background-color: var(--white-1); + color: var(--black); +} + +#searchbox::placeholder { + color: var(--grey); +} + +#search-results { + margin-bottom: 128px; +} + +#search-results .no-results { + color: var(--grey); + text-align: center; +} diff --git a/css/tags.css b/css/tags.css new file mode 100644 index 0000000..7139af9 --- /dev/null +++ b/css/tags.css @@ -0,0 +1,19 @@ +.tags .tag { + padding: 8px 16px; + margin: 4px; + font-size: 14px; + border-radius: 980px; + background-color: var(--white); + color: var(--black-2); + text-decoration: none; + border: 1px solid var(--border-color); +} + +.tags .tag:hover { + background-color: var(--white-1); + color: var(--black); +} + +.tags { + margin-bottom: 128px; +} diff --git a/css/toc.css b/css/toc.css new file mode 100644 index 0000000..fd7710b --- /dev/null +++ b/css/toc.css @@ -0,0 +1,20 @@ +.toc > p { + margin: 0; +} + +.toc > p > a { + color: var(--black-4); + text-decoration: none; + display: inline-block; + padding: 8px 0; + padding-left: 12px; + border-left: 1px solid var(--border-color); + transition: color 0.2s, border-color 0.2s; +} + +.toc > p > a:hover, +.toc > p > a:focus-visible { + color: var(--black); + text-decoration: none; + border-color: var(--black-2); +} diff --git a/css/typography.css b/css/typography.css index ecd49c2..fbfb764 100644 --- a/css/typography.css +++ b/css/typography.css @@ -25,7 +25,7 @@ pre, code { } pre { - font-size: 12px; + font-size: 14px; } code { diff --git a/css/var.css b/css/var.css index d988668..c54ddbc 100644 --- a/css/var.css +++ b/css/var.css @@ -1,4 +1,4 @@ -:root { +body[data-color-scheme="auto"], body[data-color-scheme="light"] { --white-opacity-8: rgba(255, 255, 255, .8); --white-1-opacity-8: rgba(229.5, 229.5, 229.5, .8); --white: #fff; @@ -11,7 +11,7 @@ --black-2: rgb(51, 51, 51); --black-4: rgb(102, 102, 102); - --border-color: #eee; + --border-color: #8882; --link: #06c; @@ -20,6 +20,10 @@ --blue: #0071e3; --white-txt-on-blue-bg: #fff; + --nav-bg: var(--white-opacity-8); + + --footer-link-grey: #515154; + --body-bg: #fbfbfd; --card-bg: #fff; --card-title: #1d1d1f; @@ -30,7 +34,7 @@ } @media (prefers-color-scheme: dark) { - :root { + body[data-color-scheme="auto"] { --white-opacity-8: rgba(0, 0, 0, .8); --white-1-opacity-8: rgba(25.5, 25.5, 25.5, .8); --white: #000; @@ -41,7 +45,7 @@ --black-2: rgb(204, 204, 204); --black-4: rgb(153, 153, 153); - --border-color: #222; + --border-color: #8884; --link: #5fafff; @@ -50,12 +54,49 @@ --blue: #00376f; --white-txt-on-blue-bg: #c0dfff; + --nav-bg: rgba(0, 0, 0, .5); + + --footer-link-grey: #a1a1a6; + --body-bg: #101010; --card-bg: #181818; - --card-title: #cfcfda; + --card-title: #cfcfd5; --card-time: #6e6e73; --date-txt: #6e6e73; --nav-arrow: #e5e5ee; } -} \ No newline at end of file +} + +body[data-color-scheme="dark"] { + --white-opacity-8: rgba(0, 0, 0, .8); + --white-1-opacity-8: rgba(25.5, 25.5, 25.5, .8); + --white: #000; + --white-1: rgb(25.5, 25.5, 25.5); + --white-2: rgb(51, 51, 51); + + --black: #fff; + --black-2: rgb(204, 204, 204); + --black-4: rgb(153, 153, 153); + + --border-color: #8884; + + --link: #5fafff; + + --blur: blur(32px); + + --blue: #00376f; + --white-txt-on-blue-bg: #c0dfff; + + --nav-bg: rgba(0, 0, 0, .5); + + --footer-link-grey: #a1a1a6; + + --body-bg: #101010; + --card-bg: #181818; + --card-title: #cfcfd5; + --card-time: #6e6e73; + --date-txt: #6e6e73; + + --nav-arrow: #e5e5ee; +} diff --git a/img/1.png b/img/1.png new file mode 100644 index 0000000..cd8bf62 Binary files /dev/null and b/img/1.png differ diff --git a/index.html b/index.html index 6f64151..673c263 100644 --- a/index.html +++ b/index.html @@ -1,11 +1,9 @@ - - - - + - + + Mr.K @@ -16,6 +14,19 @@ + + + + + + + + + + + + + @@ -44,14 +55,44 @@ + + + + + + + + + + + + + + + - +
- +
+
+ + Tag +
+ +

#essay

+
+ +
-
+
+
【Hexo】使用hexo+github搭建个人博客
- - February - - - - - - - - - - -  2,  2021
@@ -130,42 +168,69 @@
- © 2023 Kjr
- Powered by Hexo + © 2023 Kjr
Powered by Hexo
+ + +
+
+ + + +
+
+ + + + + + + + - + \ No newline at end of file