From ce6715741c21a5fa0bc362a5ad6db911014a4192 Mon Sep 17 00:00:00 2001 From: ZuiYesheng Date: Sat, 27 Jul 2024 01:33:45 +0800 Subject: [PATCH] Site updated: 2024-07-27 01:33:45 --- 2024/07/25/hello-world/index.html | 6 +- about/index.html | 6 +- archives/2024/07/index.html | 6 +- archives/2024/index.html | 6 +- archives/index.html | 6 +- categories/index.html | 6 +- css/main.css | 548 ++++++++++++++++++++++-------- index.html | 6 +- resources/index.html | 6 +- schedule/index.html | 6 +- tags/index.html | 6 +- 11 files changed, 441 insertions(+), 167 deletions(-) diff --git a/2024/07/25/hello-world/index.html b/2024/07/25/hello-world/index.html index 60a7465..931ad8d 100644 --- a/2024/07/25/hello-world/index.html +++ b/2024/07/25/hello-world/index.html @@ -17,7 +17,7 @@ @@ -348,7 +348,7 @@

醉叶生 -
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -374,7 +374,7 @@

- + diff --git a/about/index.html b/about/index.html index 2597a5c..ec447ba 100644 --- a/about/index.html +++ b/about/index.html @@ -17,7 +17,7 @@ @@ -307,7 +307,7 @@

关于 醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -333,7 +333,7 @@

关于 - + diff --git a/archives/2024/07/index.html b/archives/2024/07/index.html index 63d2a1d..60ba121 100644 --- a/archives/2024/07/index.html +++ b/archives/2024/07/index.html @@ -17,7 +17,7 @@ @@ -314,7 +314,7 @@

蔚叶轩

醉叶生
-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -340,7 +340,7 @@

蔚叶轩

- + diff --git a/archives/2024/index.html b/archives/2024/index.html index d9ba6ee..643ea65 100644 --- a/archives/2024/index.html +++ b/archives/2024/index.html @@ -17,7 +17,7 @@ @@ -314,7 +314,7 @@

蔚叶轩

醉叶生
-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -340,7 +340,7 @@

蔚叶轩

- + diff --git a/archives/index.html b/archives/index.html index 3b7219c..27e3d37 100644 --- a/archives/index.html +++ b/archives/index.html @@ -17,7 +17,7 @@ @@ -314,7 +314,7 @@

蔚叶轩

醉叶生
-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -340,7 +340,7 @@

蔚叶轩

- + diff --git a/categories/index.html b/categories/index.html index 23053ac..0863f9c 100644 --- a/categories/index.html +++ b/categories/index.html @@ -17,7 +17,7 @@ @@ -315,7 +315,7 @@

分类 醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -341,7 +341,7 @@

分类 - + diff --git a/css/main.css b/css/main.css index 7cbc12c..7a306de 100644 --- a/css/main.css +++ b/css/main.css @@ -1,5 +1,5 @@ :root { - --body-bg-color: #fff; + --body-bg-color: #eee; --content-bg-color: #fff; --card-bg-color: #f5f5f5; --text-color: #555; @@ -11,11 +11,11 @@ --table-row-odd-bg-color: #f9f9f9; --table-row-hover-bg-color: #f5f5f5; --menu-item-bg-color: #f5f5f5; - --btn-default-bg: #222; - --btn-default-color: #fff; - --btn-default-border-color: #222; - --btn-default-hover-bg: #fff; - --btn-default-hover-color: #222; + --btn-default-bg: #fff; + --btn-default-color: #555; + --btn-default-border-color: #555; + --btn-default-hover-bg: #222; + --btn-default-hover-color: #fff; --btn-default-hover-border-color: #222; } html { @@ -314,7 +314,7 @@ td { .btn { background: var(--btn-default-bg); border: 2px solid var(--btn-default-border-color); - border-radius: 0; + border-radius: 2px; color: var(--btn-default-color); display: inline-block; font-size: 0.875em; @@ -921,16 +921,16 @@ pre .javascript .function { } .main-inner { margin: 0 auto; - width: 700px; + width: calc(100% - 20px); } @media (min-width: 1200px) { .main-inner { - width: 800px; + width: 1160px; } } @media (min-width: 1600px) { .main-inner { - width: 900px; + width: 73%; } } @media (max-width: 767px) { @@ -943,16 +943,16 @@ pre .javascript .function { } .header-inner { margin: 0 auto; - width: 700px; + width: calc(100% - 20px); } @media (min-width: 1200px) { .header-inner { - width: 800px; + width: 1160px; } } @media (min-width: 1600px) { .header-inner { - width: 900px; + width: 73%; } } .site-brand-container { @@ -991,7 +991,7 @@ pre .javascript .function { margin: 0; } .site-subtitle { - color: #999; + color: #ddd; font-size: 0.8125em; margin: 10px 0; } @@ -1136,23 +1136,23 @@ pre .javascript .function { display: inline-block; } .site-author-image { - border: 2px solid #333; + border: 1px solid #eee; display: block; margin: 0 auto; - max-width: 96px; + max-width: 120px; padding: 2px; border-radius: 50%; } .site-author-name { - color: #f5f5f5; - font-weight: normal; - margin: 5px 0 0; + color: var(--text-color); + font-weight: 600; + margin: 0; text-align: center; } .site-description { color: #999; - font-size: 1em; - margin-top: 5px; + font-size: 0.8125em; + margin-top: 0; text-align: center; } .links-of-author { @@ -1169,7 +1169,7 @@ pre .javascript .function { } .links-of-author a::before, .links-of-author span.exturl::before { - background: #679085; + background: #e5b032; border-radius: 50%; content: ' '; display: inline-block; @@ -1247,7 +1247,7 @@ pre .javascript .function { } .sidebar-nav li { border-bottom: 1px solid transparent; - color: #666; + color: var(--text-color); cursor: pointer; display: inline-block; font-size: 0.875em; @@ -1256,14 +1256,14 @@ pre .javascript .function { margin-left: 10px; } .sidebar-nav li:hover { - color: #f5f5f5; + color: #fc6423; } .sidebar-nav .sidebar-nav-active { - border-bottom-color: #87daff; - color: #87daff; + border-bottom-color: #fc6423; + color: #fc6423; } .sidebar-nav .sidebar-nav-active:hover { - color: #87daff; + color: #fc6423; } .sidebar-panel { display: none; @@ -1292,7 +1292,7 @@ pre .javascript .function { } } .sidebar-toggle:hover .toggle-line { - background: #87daff; + background: #fc6423; } .post-toc { font-size: 0.875em; @@ -1331,14 +1331,14 @@ pre .javascript .function { display: block; } .post-toc .nav .active > a { - border-bottom-color: #87daff; - color: #87daff; + border-bottom-color: #fc6423; + color: #fc6423; } .post-toc .nav .active-current > a { - color: #87daff; + color: #fc6423; } .post-toc .nav .active-current > a:hover { - color: #87daff; + color: #fc6423; } .site-state { display: flex; @@ -1353,20 +1353,20 @@ pre .javascript .function { padding: 0 15px; } .site-state-item:not(:first-child) { - border-left: 1px solid #333; + border-left: 1px solid #eee; } .site-state-item a { border-bottom: none; } .site-state-item-count { display: block; - font-size: 1.25em; + font-size: 1em; font-weight: 600; text-align: center; } .site-state-item-name { - color: inherit; - font-size: 0.875em; + color: #999; + font-size: 0.8125em; } .footer { color: #999; @@ -1383,16 +1383,16 @@ pre .javascript .function { box-sizing: border-box; margin: 0 auto; text-align: center; - width: 700px; + width: calc(100% - 20px); } @media (min-width: 1200px) { .footer-inner { - width: 800px; + width: 1160px; } } @media (min-width: 1600px) { .footer-inner { - width: 900px; + width: 73%; } } .languages { @@ -1490,7 +1490,7 @@ pre .javascript .function { color: #fff; cursor: pointer; left: 30px; - opacity: 1; + opacity: 0.6; padding: 0 6px; position: fixed; transition-property: bottom; @@ -1501,10 +1501,10 @@ pre .javascript .function { display: none; } .back-to-top:hover { - color: #87daff; + color: #fc6423; } .back-to-top.back-to-top-on { - bottom: 19px; + bottom: 30px; } @media (max-width: 991px) { .back-to-top { @@ -2142,151 +2142,425 @@ ul.breadcrumb li + li:last-child { .tag-cloud a:hover { color: var(--link-hover-color) !important; } -@media (max-width: 767px) { - .header-inner, - .main-inner, - .footer-inner { +.header { + margin: 0 auto; + position: relative; + width: calc(100% - 20px); +} +@media (min-width: 1200px) { + .header { + width: 1160px; + } +} +@media (min-width: 1600px) { + .header { + width: 73%; + } +} +@media (max-width: 991px) { + .header { width: auto; } } .header-inner { - padding-top: 100px; + background: var(--content-bg-color); + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12); + overflow: hidden; + padding: 0; + position: absolute; + top: 0; + width: 240px; } -@media (max-width: 767px) { +@media (min-width: 1200px) { .header-inner { - padding-top: 50px; + width: 240px; + } +} +@media (max-width: 991px) { + .header-inner { + border-radius: initial; + position: relative; + width: auto; } } .main-inner { - padding-bottom: 60px; + align-items: flex-start; + display: flex; + justify-content: space-between; + flex-direction: row-reverse; } -.content { - padding-top: 70px; +@media (max-width: 991px) { + .main-inner { + width: auto; + } } -@media (max-width: 767px) { - .content { - padding-top: 35px; +.content-wrap { + background: var(--content-bg-color); + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12); + box-sizing: border-box; + padding: 40px; + width: calc(100% - 252px); +} +@media (max-width: 991px) { + .content-wrap { + border-radius: initial; + padding: 20px; + width: 100%; } } -embed { - display: block; - margin: 0 auto 25px auto; +.footer-inner { + padding-left: 260px; } -.custom-logo .site-meta-headline { - text-align: center; +.back-to-top { + left: auto; + right: 30px; } -.custom-logo .site-title { - color: #222; - margin: 10px auto 0; +@media (max-width: 991px) { + .back-to-top { + right: 20px; + } } -.custom-logo .site-title a { - border: 0; +@media (max-width: 991px) { + .footer-inner { + padding-left: 0; + padding-right: 0; + width: auto; + } } -.custom-logo-image { - background: #fff; - margin: 0 auto; - max-width: 150px; - padding: 5px; +.site-brand-container { + background: #222; +} +@media (max-width: 991px) { + .site-brand-container { + box-shadow: 0 0 16px rgba(0,0,0,0.5); + } +} +.site-meta { + padding: 20px 0; } .brand { - background: var(--btn-default-bg); + padding: 0; } -@media (max-width: 767px) { - .site-nav { - border-bottom: 1px solid #ddd; - border-top: 1px solid #ddd; - left: 0; - margin: 0; - padding: 0; - width: 100%; +.site-subtitle { + margin: 10px 10px 0; +} +.custom-logo-image { + margin-top: 20px; +} +@media (max-width: 991px) { + .custom-logo-image { + display: none; } } -@media (max-width: 767px) { - .menu { - text-align: left; +@media (min-width: 768px) and (max-width: 991px) { + .site-nav-toggle, + .site-nav-right { + display: flex; + flex-direction: column; + justify-content: center; } } -.menu-item-active a, -.menu .menu-item a:hover, -.menu .menu-item span.exturl:hover { - background: transparent; - border-bottom: 1px solid var(--link-hover-color) !important; +.site-nav-toggle .toggle, +.site-nav-right .toggle { + color: #fff; } -@media (max-width: 767px) { - .menu-item-active a, - .menu .menu-item a:hover, - .menu .menu-item span.exturl:hover { - border-bottom: 1px dotted #ddd !important; - } +.site-nav-toggle .toggle .toggle-line, +.site-nav-right .toggle .toggle-line { + background: #fff; } -@media (max-width: 767px) { - .menu .menu-item { - margin: 0 10px; +@media (min-width: 768px) and (max-width: 991px) { + .site-nav { + display: none; } } +.menu .menu-item { + display: block; + margin: 0; +} .menu .menu-item a, .menu .menu-item span.exturl { - border-bottom: 1px solid transparent; -} -@media (max-width: 767px) { - .menu .menu-item a, - .menu .menu-item span.exturl { - padding: 5px 10px; - } + padding: 5px 20px; + position: relative; + text-align: left; + transition-property: background-color; } -@media (min-width: 768px) { - .menu .menu-item .fa, - .menu .menu-item .fab, - .menu .menu-item .far, - .menu .menu-item .fas { - display: block; - line-height: 2; - margin-right: 0; - width: 100%; +@media (max-width: 991px) { + .menu .menu-item.menu-item-search { + display: none; } } .menu .menu-item .badge { - background: #eee; - padding: 1px 4px; + background: #ccc; + border-radius: 10px; + color: #fff; + float: right; + padding: 2px 5px; + text-shadow: 1px 1px 0 rgba(0,0,0,0.1); + vertical-align: middle; +} +.main-menu .menu-item-active a::after { + background: #bbb; + border-radius: 50%; + content: ' '; + height: 6px; + margin-top: -3px; + position: absolute; + right: 15px; + top: 50%; + width: 6px; } .sub-menu { - margin: 10px 0; + background: var(--content-bg-color); + border-bottom: 1px solid #ddd; + margin: 0; + padding: 6px 0; } .sub-menu .menu-item { display: inline-block; } -.sidebar { - left: -320px; +.sub-menu .menu-item a, +.sub-menu .menu-item span.exturl { + background: transparent; + margin: 5px 10px; + padding: initial; } -.sidebar.sidebar-active { - left: 0; +.sub-menu .menu-item a:hover, +.sub-menu .menu-item span.exturl:hover { + background: transparent; + color: #fc6423; +} +.sub-menu .menu-item-active a { + border-bottom-color: #fc6423; + color: #fc6423; +} +.sub-menu .menu-item-active a:hover { + border-bottom-color: #fc6423; } .sidebar { - width: 320px; - z-index: 1200; - transition-delay: 0s; - transition-duration: 0.2s; - transition-timing-function: ease-out; + background: var(--body-bg-color); + box-shadow: none; + margin-top: 100%; + position: static; + width: 240px; } -.sidebar a, -.sidebar span.exturl { - border-bottom-color: #555; - color: #999; +@media (max-width: 991px) { + .sidebar { + display: none; + } } -.sidebar a:hover, -.sidebar span.exturl:hover { - border-bottom-color: #eee; - color: #eee; +.sidebar-toggle { + display: none; } -.links-of-blogroll-item { - padding: 2px 10px; +.sidebar-inner { + background: var(--content-bg-color); + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + box-sizing: border-box; + color: var(--text-color); + width: 240px; + opacity: 0; +} +.sidebar-inner.affix { + position: fixed; + top: 12px; +} +.sidebar-inner.affix-bottom { + position: absolute; +} +.site-state-item { + padding: 0 10px; +} +.sidebar-button { + border-bottom: 1px dotted #ccc; + border-top: 1px dotted #ccc; + margin-top: 10px; + text-align: center; +} +.sidebar-button a { + border: 0; + color: #fc6423; + display: block; +} +.sidebar-button a:hover { + background: none; + border: 0; + color: #e34603; +} +.sidebar-button a:hover .fa, +.sidebar-button a:hover .fab, +.sidebar-button a:hover .far, +.sidebar-button a:hover .fas { + color: #e34603; +} +.links-of-author { + display: flex; + flex-wrap: wrap; + margin-top: 10px; + justify-content: center; } -.links-of-blogroll-item a, -.links-of-blogroll-item span.exturl { +.links-of-author-item { + margin: 5px 0 0; + width: 50%; +} +.links-of-author-item a, +.links-of-author-item span.exturl { box-sizing: border-box; display: inline-block; - max-width: 280px; + margin-bottom: 0; + margin-right: 0; + max-width: 216px; overflow: hidden; + padding: 0 5px; text-overflow: ellipsis; white-space: nowrap; } +.links-of-author-item a, +.links-of-author-item span.exturl { + border-bottom: none; + display: block; + text-decoration: none; +} +.links-of-author-item a::before, +.links-of-author-item span.exturl::before { + display: none; +} +.links-of-author-item a:hover, +.links-of-author-item span.exturl:hover { + background: var(--body-bg-color); + border-radius: 4px; +} +.links-of-author-item .fa, +.links-of-author-item .fab, +.links-of-author-item .far, +.links-of-author-item .fas { + margin-right: 2px; +} +.links-of-blogroll-item { + padding: 0; +} +.content-wrap { + background: initial; + box-shadow: initial; + padding: initial; +} +.post-block { + background: var(--content-bg-color); + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12); + padding: 40px; +} +.post-block + .post-block { + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + margin-top: 12px; +} +.comments { + background: var(--content-bg-color); + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + margin-top: 12px; + padding: 40px; +} +.tabs-comment { + margin-top: 1em; +} +.content { + padding-top: initial; +} +.post-eof { + display: none; +} +.pagination { + background: var(--content-bg-color); + border-radius: initial; + border-top: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + margin: 12px 0 0; + padding: 10px 0 10px; +} +.pagination .prev, +.pagination .next, +.pagination .page-number { + margin-bottom: initial; + top: initial; +} +.main { + padding-bottom: initial; +} +.footer { + bottom: auto; +} +.sub-menu { + border-bottom: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12); +} +.sub-menu + .content .post-block { + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + margin-top: 12px; +} +@media (min-width: 768px) and (max-width: 991px) { + .sub-menu + .content .post-block { + margin-top: 10px; + } +} +@media (max-width: 767px) { + .sub-menu + .content .post-block { + margin-top: 8px; + } +} +.post-body h1, +.post-body h2 { + border-bottom: 1px solid #eee; +} +.post-body h3 { + border-bottom: 1px dotted #eee; +} +@media (min-width: 768px) and (max-width: 991px) { + .content-wrap { + padding: 10px; + } + .posts-expand .post-button { + margin-top: 20px; + } + .post-block { + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + padding: 20px; + } + .post-block + .post-block { + margin-top: 10px; + } + .comments { + margin-top: 10px; + padding: 10px 20px; + } + .pagination { + margin: 10px 0 0; + } +} +@media (max-width: 767px) { + .content-wrap { + padding: 8px; + } + .posts-expand .post-button { + margin: 12px 0; + } + .post-block { + border-radius: initial; + box-shadow: 0 2px 2px 0 rgba(0,0,0,0.12), 0 3px 1px -2px rgba(0,0,0,0.06), 0 1px 5px 0 rgba(0,0,0,0.12), 0 -1px 0.5px 0 rgba(0,0,0,0.09); + min-height: auto; + padding: 12px; + } + .post-block + .post-block { + margin-top: 8px; + } + .comments { + margin-top: 8px; + padding: 10px 12px; + } + .pagination { + margin: 8px 0 0; + } +} diff --git a/index.html b/index.html index c67c3d6..1547a95 100644 --- a/index.html +++ b/index.html @@ -17,7 +17,7 @@ @@ -343,7 +343,7 @@

醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -369,7 +369,7 @@

- + diff --git a/resources/index.html b/resources/index.html index 7e3ca42..5ef1d9a 100644 --- a/resources/index.html +++ b/resources/index.html @@ -17,7 +17,7 @@ @@ -307,7 +307,7 @@

资源 醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -333,7 +333,7 @@

资源 - + diff --git a/schedule/index.html b/schedule/index.html index 2ea123b..7868fec 100644 --- a/schedule/index.html +++ b/schedule/index.html @@ -17,7 +17,7 @@ @@ -464,7 +464,7 @@

醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -490,7 +490,7 @@

- + diff --git a/tags/index.html b/tags/index.html index d449fd0..6fdf522 100644 --- a/tags/index.html +++ b/tags/index.html @@ -17,7 +17,7 @@ @@ -315,7 +315,7 @@

标签 醉叶生

-
Hexo & NexT.Muse 强力驱动 +
Hexo & NexT.Gemini 强力驱动
@@ -341,7 +341,7 @@

标签 - +