From bc50ca3f2499dedc779d27f47ead2b00a953d3c4 Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <1152958806@qq.com>
Date: Wed, 8 Nov 2023 23:32:33 +0800
Subject: [PATCH 1/9] =?UTF-8?q?=E9=A1=B6=E9=83=A8=E4=BF=A1=E6=81=AF?=
=?UTF-8?q?=E6=A0=8F=E6=8C=89=E9=92=AEUI=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
templates/assets/zhheo/zhheoblog.css | 85 +++++++++++++++++++---------
templates/post.html | 55 +++++++++---------
2 files changed, 83 insertions(+), 57 deletions(-)
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index a7ea1e03..3168a69c 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -9688,9 +9688,25 @@ span.recent-post-top-text {
display: none;
}
-#post-meta .post-meta-date {
+#post-meta .post-meta-date,#post-meta .post-meta-author {
opacity: .6;
- margin-right: .8rem
+ margin-right: 0.8rem;
+}
+
+#post-info #post-meta a.post-meta-pv,
+#post-info #post-meta a.post-meta-commentcount,
+#post-info #post-meta a.post-meta-editor {
+ color: var(--heo-white);
+ display: flex;
+ align-items: center;
+ padding: 8px;
+}
+
+#post-info #post-meta a.post-meta-pv:hover,
+#post-info #post-meta a.post-meta-commentcount:hover,
+#post-info #post-meta a.post-meta-editor:hover{
+ opacity: 1;
+ background: var(--heo-white-op)
}
@@ -10666,17 +10682,23 @@ a.extend.prev {
color: var(--heo-white);
opacity: 0.8;
margin-right: 8px;
+ padding: 0 8px 0 4px;
+ border-radius: 12px;
+ display: flex;
+ align-items: center;
+ flex-direction: row
}
#post-firstinfo .post-meta__tags:hover {
color: var(--heo-white);
opacity: 1;
+ background: var(--heo-white-op)
}
span.post-meta-categories {
background-color: var(--heo-white-op);
padding: 0 0.5rem;
- border-radius: 8px;
+ border-radius: 12px;
line-height: 32px;
height: 32px;
transition: 0.3s;
@@ -10706,6 +10728,12 @@ span.post-meta-categories:hover a.post-meta-categories {
margin-left: 1rem;
}
+.meta-firstline .tag_share .post-meta__tag-list {
+ display: flex;
+ flex-direction: row;
+ align-items: center
+}
+
#post-firstinfo .meta-firstline {
display: flex;
align-items: center;
@@ -10731,7 +10759,7 @@ a.post-meta-original {
padding: 0 0.5rem;
font-size: 0.7rem;
margin: auto;
- border-radius: 8px;
+ border-radius: 12px;
font-weight: bold;
height: 32px;
line-height: 32px;
@@ -10743,7 +10771,6 @@ a.post-meta-original {
a.post-meta-original:hover {
color: var(--heo-main) !important;
background: var(--heo-white) !important;
- border-radius: 8px !important;
}
.meta-avatar img:hover {
@@ -10849,14 +10876,8 @@ span.post-meta-pv-cv {
/* 微信公众号同步 */
span.post-meta-wechat {
- margin-right: 0.8rem;
+ margin-right: 10px;
opacity: 0.6;
- transition: 0.3s;
- cursor: pointer;
-}
-
-.post-meta-wechat:hover {
- opacity: 1;
}
span.post-meta-position {
@@ -10912,20 +10933,9 @@ span.post-meta-position {
opacity: 0.6;
}
-.post-meta-pv {
+.post-meta-pv,.post-meta-commentcount,.post-meta-editor {
opacity: 0.6;
- margin-right: 0.8rem;
-}
-
-.post-meta-commentcount {
- opacity: 0.6;
- cursor: pointer;
- transition: 0.3s;
- margin-right: 0.8rem;
-}
-
-.post-meta-commentcount:hover {
- opacity: 1;
+ margin-right: 2px
}
#twikoo-count,#ArtalkCount {
@@ -10940,6 +10950,9 @@ span.post-meta-position {
.el-textarea .el-input__count {
color: var(--heo-secondtext) !important;
+ -webkit-user-select: none;
+ bottom: 8px!important;
+ right: 12px!important
}
.post-meta-commentcount i {
@@ -10955,7 +10968,7 @@ span.post-meta-position {
}
.inline-image a:hover {
- background: none !important;
+ background: 0 0!important;
box-shadow: none !important;
}
@@ -11005,12 +11018,16 @@ span.post-meta-position {
text-decoration: none;
color: var(--heo-fontcolor);
line-height: 1;
+ border-radius: 12px
}
#post-info #post-meta a:hover {
text-decoration: none;
- color: var(--heo-blue);
- border-radius: 12px
+ color: var(--heo-white)
+}
+
+#post-info #post-meta i {
+ line-height: 1
}
/* 文章标题前图标 */
@@ -13328,7 +13345,18 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
}
}
+#post .tag_share .post-meta__tag-list {
+ display: flex;
+ padding: 0;
+ width: 100%;
+ flex-wrap: wrap;
+ flex-direction: row
+}
+#post .tag_share .post-meta__tag-list a {
+ margin-bottom: 8px;
+ margin-right: 8px
+}
#page .tag-cloud-list a {
color: var(--heo-fontcolor) !important;
@@ -13341,6 +13369,7 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
-webkit-transform-style: preserve-3d;
border: var(--style-border-always);
box-shadow: var(--heo-shadow-border);
+ align-items: center
}
#page .tag-cloud-list a:hover {
diff --git a/templates/post.html b/templates/post.html
index b44dbf33..9302b4ba 100644
--- a/templates/post.html
+++ b/templates/post.html
@@ -58,17 +58,9 @@
From dfd09553ff752bb8c2a96d344d4556e40c66614f Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <1152958806@qq.com>
Date: Wed, 8 Nov 2023 23:59:36 +0800
Subject: [PATCH 2/9] =?UTF-8?q?=E8=B6=85=E9=93=BE=E6=8E=A5=E6=82=AC?=
=?UTF-8?q?=E6=B5=AE=E6=A0=B7=E5=BC=8F=E6=94=B9=E8=BF=9B,=20=E6=A0=B7?=
=?UTF-8?q?=E5=BC=8F=E4=B8=80=E4=BD=9C=E8=80=85=E5=8D=A1=E7=89=87=E6=8C=89?=
=?UTF-8?q?=E9=92=AE=E7=9A=84=E6=82=AC=E6=B5=AE=E6=95=88=E6=9E=9C=E6=94=B9?=
=?UTF-8?q?=E8=BF=9B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
templates/assets/zhheo/zhheoblog.css | 26 ++++++++++++++++----
templates/modules/widgets/aside/profile.html | 21 ++++++++++++++--
2 files changed, 40 insertions(+), 7 deletions(-)
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index 3168a69c..a89b47c0 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -12,6 +12,7 @@
--heo-main: var(--heo-theme);
--heo-main-op: var(--heo-theme-op);
--heo-main-op-deep: var(--heo-theme-op-deep);
+ --heo-main-op-light: var(--heo-theme-op-light);
--heo-main-none: var(--heo-theme-none);
--heo-shadow-theme: 0 8px 12px -3px var(--heo-theme-op);
--heo-shadow-blackdeep: 0 2px 16px -3px rgba(0, 0, 0, 0.15);
@@ -41,6 +42,7 @@
--heo-theme: #425AEF;
--heo-theme-op: #4259ef23;
--heo-theme-op-deep: #4259efdd;
+ --heo-theme-op-light: #4259ef0d;
--heo-theme-none: #4259ef01;
--heo-blue: #425AEF;
--heo-red: #f04a63;
@@ -15084,6 +15086,11 @@ span.hexo-douban-pagenum {
transition: 0.3s;
}
+.article-sort-item-tags a .tags-punctuation {
+ font-size: 12px;
+ margin-right: 1px
+}
+
/* v3footer */
#heo-footer .footer-links {
display: flex;
@@ -15103,19 +15110,23 @@ span.hexo-douban-pagenum {
}
#heo-footer .footer-item {
- font-size: 0.8rem;
- line-height: 0.8rem;
- margin: 0.38rem 0;
+ font-size: .8rem;
+ line-height: .8rem;
+ margin: 4px 0;
color: var(--heo-fontcolor);
margin-right: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
max-width: 120px;
+ cursor: pointer;
+ padding: 8px;
+ border-radius: 12px
}
#heo-footer .footer-item:hover {
- color: var(--heo-main);
+ color: var(--heo-lighttext);
+ background: var(--heo-main-op-light)
}
#heo-footer .footer-group {
@@ -15126,6 +15137,9 @@ span.hexo-douban-pagenum {
display: flex;
align-items: center;
margin: 1rem 0 0.7rem 0;
+ color: var(--heo-secondtext);
+ font-size: .8rem;
+ margin-left: 8px
}
#heo-footer .footer-title-group a {
@@ -15154,7 +15168,8 @@ span.hexo-douban-pagenum {
#heo-footer .footer-title {
color: var(--heo-secondtext);
- font-size: 0.8rem;
+ font-size: .8rem;
+ margin-left: 8px
}
#footer-banner {
@@ -15166,6 +15181,7 @@ span.hexo-douban-pagenum {
overflow: hidden;
z-index: 999;
transition: 0.3s;
+ border-top: var(--style-border-always);
}
#footer-banner .footer-banner-links {
diff --git a/templates/modules/widgets/aside/profile.html b/templates/modules/widgets/aside/profile.html
index d76581f0..f1927917 100644
--- a/templates/modules/widgets/aside/profile.html
+++ b/templates/modules/widgets/aside/profile.html
@@ -242,6 +242,10 @@
align-items: center
}
+ a.author-info__bottom-group-left:hover {
+ opacity: .8
+ }
+
#aside-content .card-info .card-info-social-icons {
margin: 0;
display: flex;
@@ -251,6 +255,7 @@
cursor: pointer
}
+
#aside-content .card-info .card-info-social-icons i:hover {
transform: rotate(540deg);
background-color: #000;
@@ -274,9 +279,9 @@
}
#aside-content .card-info .card-info-social-icons i:hover {
- background: var(--heo-white-op);
+ background: var(--heo-white);
transform: scale(1.1);
- color: var(--heo-white);
+ color: var(--heo-main);
box-shadow: none
}
@@ -300,6 +305,18 @@
[data-theme=dark] #aside-content .card-info .card-info-social-icons i {
color: var(--heo-white)
}
+ [data-theme=dark] .page #aside-content .card-info .card-info-social-icons i {
+ color: var(--heo-card-bg)
+ }
+ }
+
+ #aside-content .card-info .card-info-data>.card-info-data-item:hover {
+ background: var(--heo-post-blockquote-bg);
+ transform: scale(.97)
+ }
+
+ #aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.headline,#aside-content>div.card-widget.card-info>div.card-content>div.card-info-data>.card-info-data-item:hover>a>div.length-num {
+ color: var(--heo-blue)
}
.author-info__description_group {
From 61ecae628d7467bf5fb9a5571d6dc3f4c45f5274 Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <1152958806@qq.com>
Date: Thu, 9 Nov 2023 00:25:50 +0800
Subject: [PATCH 3/9] =?UTF-8?q?=E3=80=90=E4=BE=A7=E8=BE=B9=E6=A0=8F?=
=?UTF-8?q?=E3=80=91=E7=88=B1=E5=8F=91=E7=94=B5=E7=BD=91=E7=AB=99=E6=A0=B7?=
=?UTF-8?q?=E5=BC=8F=E7=BB=9F=E4=B8=80=E4=B8=BA=E5=9C=86=E5=BD=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
templates/assets/zhheo/zhheoblog.css | 15 +++++++++++----
1 file changed, 11 insertions(+), 4 deletions(-)
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index a89b47c0..76dafc26 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -7521,10 +7521,11 @@ span.fund_name {
#power-star-image {
width: 60px;
height: 60px;
- border-radius: 8px;
+ border-radius: 60px;
background-size: cover;
margin-right: 12px;
- border: var(--style-border-always)
+ border: var(--style-border-always);
+ transition: .3s ease-out
}
a#power-star {
@@ -7537,12 +7538,18 @@ a#power-star {
justify-content: flex-start;
position: relative;
margin: 12px 0;
- background: var(--heo-secondbg)
+ background: var(--heo-secondbg);
+ transition: .3s ease-out
}
a#power-star:hover {
background: var(--heo-lighttext);
- color: var(--heo-card-bg)
+ color: var(--heo-card-bg);
+ box-shadow: var(--heo-shadow-theme)
+}
+
+a#power-star:hover #power-star-image {
+ transform: scale(.9);
}
div#power-star-title {
From 17b827ab5f9082d2a3f49bd00611912f4d591ddf Mon Sep 17 00:00:00 2001
From: "1152958806@qq.com" <1152958806@qq.com>
Date: Thu, 9 Nov 2023 00:51:40 +0800
Subject: [PATCH 4/9] =?UTF-8?q?=E3=80=90=E5=85=A8=E5=B1=80=E3=80=91?=
=?UTF-8?q?=E5=A4=A7=E9=87=8F=E8=BF=87=E6=B8=A1=E5=8A=A8=E7=94=BB=E4=BC=98?=
=?UTF-8?q?=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
templates/assets/zhheo/zhheoblog.css | 147 ++-----------------
templates/modules/widgets/aside/profile.html | 2 +-
templates/modules/widgets/aside/wechat.html | 8 +
3 files changed, 20 insertions(+), 137 deletions(-)
diff --git a/templates/assets/zhheo/zhheoblog.css b/templates/assets/zhheo/zhheoblog.css
index 76dafc26..f861e596 100644
--- a/templates/assets/zhheo/zhheoblog.css
+++ b/templates/assets/zhheo/zhheoblog.css
@@ -883,6 +883,7 @@ a:hover {
img {
max-width: 100%;
transition: all 0.2s ease 0s;
+ border-style: none
}
img:not([src]),
@@ -910,133 +911,6 @@ img[src=""] {
--hlexpand-bg: linear-gradient(180deg, rgba(33, 33, 33, 0.6), rgba(33, 33, 33, 0.9));
}
-/*figure.highlight table::-webkit-scrollbar-thumb {*/
-/* background: var(--hlscrollbar-bg);*/
-/*}*/
-
-/*figure.highlight pre .deletion {*/
-/* color: rgb(191, 66, 191);*/
-/*}*/
-
-/*figure.highlight pre .addition {*/
-/* color: rgb(16, 94, 222);*/
-/*}*/
-
-/*figure.highlight pre .meta {*/
-/* color: rgb(199, 146, 234);*/
-/*}*/
-
-/*figure.highlight pre .comment {*/
-/* color: rgb(150, 152, 150);*/
-/*}*/
-
-/*figure.highlight pre .attribute,*/
-/*figure.highlight pre .css .class,*/
-/*figure.highlight pre .css .id,*/
-/*figure.highlight pre .css .pseudo,*/
-/*figure.highlight pre .html .doctype,*/
-/*figure.highlight pre .regexp,*/
-/*figure.highlight pre .ruby .constant,*/
-/*figure.highlight pre .tag .name,*/
-/*figure.highlight pre .variable,*/
-/*figure.highlight pre .xml .doctype,*/
-/*figure.highlight pre .xml .pi,*/
-/*figure.highlight pre .xml .tag .title {*/
-/* color: var(--heo-red);*/
-/*}*/
-
-/*figure.highlight pre .tag {*/
-/* color: rgb(137, 221, 255);*/
-/*}*/
-
-/*figure.highlight pre .command,*/
-/*figure.highlight pre .constant,*/
-/*figure.highlight pre .literal,*/
-/*figure.highlight pre .number,*/
-/*figure.highlight pre .params,*/
-/*figure.highlight pre .preprocessor {*/
-/* color: var(--heo-orange);*/
-/*}*/
-
-/*figure.highlight pre .built_in {*/
-/* color: var(--heo-yellow);*/
-/*}*/
-
-/*figure.highlight pre .css .rules .attribute,*/
-/*figure.highlight pre .formula,*/
-/*figure.highlight pre .header,*/
-/*figure.highlight pre .inheritance,*/
-/*figure.highlight pre .number,*/
-/*figure.highlight pre .ruby .class .title,*/
-/*figure.highlight pre .ruby .symbol,*/
-/*figure.highlight pre .special,*/
-/*figure.highlight pre .string,*/
-/*figure.highlight pre .value,*/
-/*figure.highlight pre .xml .cdata {*/
-/* color: var(--heo-green);*/
-/*}*/
-
-/*figure.highlight pre .css .hexcolor,*/
-/*figure.highlight pre .keyword,*/
-/*figure.highlight pre .title {*/
-/* color: rgb(137, 221, 255);*/
-/*}*/
-
-/*figure.highlight pre .coffeescript .title,*/
-/*figure.highlight pre .function,*/
-/*figure.highlight pre .javascript .title,*/
-/*figure.highlight pre .perl .sub,*/
-/*figure.highlight pre .python .decorator,*/
-/*figure.highlight pre .python .title,*/
-/*figure.highlight pre .ruby .function .title,*/
-/*figure.highlight pre .ruby .title .keyword {*/
-/* color: var(--heo-blue);*/
-/*}*/
-
-/*figure.highlight pre .javascript .function,*/
-/*figure.highlight pre .tag .attr {*/
-/* color: rgb(199, 146, 234);*/
-/*}*/
-
-/*#article-container figure.highlight .line.marked {*/
-/* background-color: rgba(97, 97, 97, 0.314);*/
-/*}*/
-
-/*#article-container figure.highlight table {*/
-/* display: block;*/
-/* overflow: auto;*/
-/* border: none;*/
-/*}*/
-
-/*#article-container figure.highlight table td {*/
-/* padding: 0px;*/
-/* border: none;*/
-/*}*/
-
-/*#article-container figure.highlight .gutter pre {*/
-/* padding-right: 0.5rem;*/
-/* padding-left: 0.5rem;*/
-/* background-color: var(--hlnumber-bg);*/
-/* color: var(--hlnumber-color);*/
-/* text-align: right;*/
-/*}*/
-
-/*#article-container figure.highlight .code pre {*/
-/* padding-right: 0.5rem;*/
-/* padding-left: 0.5rem;*/
-/* width: 100%;*/
-/*}*/
-
-/*#article-container figure.highlight,*/
-/*#article-container pre {*/
-/* overflow: auto;*/
-/* margin: 0px 0px 1rem;*/
-/* padding: 0px;*/
-/* background: var(--hl-bg);*/
-/* color: var(--hl-color);*/
-/* line-height: 1.6;*/
-/*}*/
-
blockquote {
margin: 0px 0px 1rem;
padding: 0.1rem 0.8rem;
@@ -10226,24 +10100,24 @@ div#author-info__sayhi:hover {
margin-top: 8px;
background: var(--heo-card-btn-bg);
border-radius: 8px;
- transition: 0.3s !important;
+ transition: .3s ease-out!important
}
#aside-content > div.sticky_layout > div.card-widget.card-archives > div > ul > li.card-archive-list-item.more.is-center :hover {
color: var(--heo-white);
background: var(--heo-blue);
border-radius: 8px;
- transition: 0.3s !important;
+ transition: .3s ease-out!important
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item.more span,
#aside-content .card-categories ul.card-category-list > .card-category-list-item.more span {
- transition: 0.3s !important;
+ transition: .3s ease-out!important
}
#aside-content .card-archives ul.card-archive-list > .card-archive-list-item:hover.more span,
#aside-content .card-categories ul.card-category-list > .card-category-list-item.more span {
- transition: 0.3s !important;
+ transition: .3s ease-out!important
}
#aside-content > div.sticky_layout > div.card-widget.card-archives > div > ul > li.card-archive-list-item.more.is-center :hover span {
@@ -10711,6 +10585,7 @@ span.post-meta-categories {
line-height: 32px;
height: 32px;
transition: 0.3s;
+ transition: .3s ease-out
}
span.post-meta-categories:not(:first-child) {
@@ -12273,7 +12148,7 @@ a.reward-main-btn:hover {
#pagination a.extend.next .pagination_tips_next {
margin-left: -32px;
- transition: 0.3s;
+ transition: .3s ease-out 0s;
opacity: 0;
}
@@ -12285,7 +12160,7 @@ a.reward-main-btn:hover {
#pagination a.extend.prev .pagination_tips_prev {
margin-right: -32px;
- transition: 0.3s;
+ transition: .3s ease-out 0s;
opacity: 0;
}
@@ -14028,7 +13903,7 @@ figure.gallery-group:hover .gallery-group-name::after {
.flink#article-container .site-card .img {
- -webkit-mask-image: -webkit-radial-gradient(center, rgb(255, 255, 255), rgb(0, 0, 0));
+ -webkit-mask-image: -webkit-radial-gradient(center,#fff,#000);
border-radius: 0;
height: 120px;
width: 100%;
@@ -14041,7 +13916,7 @@ figure.gallery-group:hover .gallery-group-name::after {
/* 头像 */
.flink#article-container .site-card .info img {
border-radius: 32px;
- transition: 0.3s !important;
+ transition: .3s ease-out!important;
margin: 2px 8px 0 0;
width: 20px;
height: 20px;
@@ -16786,7 +16661,7 @@ span.hexo-douban-pagenum {
z-index: 9999;
justify-content: center;
opacity: 0;
- transition: 0.3s ease-out;
+ transition: .3s ease-out;
flex-direction: column;
align-items: center;
pointer-events: none;
diff --git a/templates/modules/widgets/aside/profile.html b/templates/modules/widgets/aside/profile.html
index f1927917..f3a5ae7d 100644
--- a/templates/modules/widgets/aside/profile.html
+++ b/templates/modules/widgets/aside/profile.html
@@ -426,7 +426,7 @@
display: flex;
align-items: center;
justify-content: center;
- transition: .3s .2s;
+ transition: .3s ease-out .2s;
transform: scale(1);
background: var(--heo-white);
border-radius: 50%
diff --git a/templates/modules/widgets/aside/wechat.html b/templates/modules/widgets/aside/wechat.html
index 44706226..1c021f17 100644
--- a/templates/modules/widgets/aside/wechat.html
+++ b/templates/modules/widgets/aside/wechat.html
@@ -24,7 +24,15 @@ th:with="faceImg = ${theme.config.sidebar.wechat.wechatImgFace}, backImg=${theme
top: 0;
background: url([[${theme.config.sidebar.wechat.wechatImg}]]) center center no-repeat;
content: '';
+ background-size: cover;
+ transition: .2s cubic-bezier(.45,.04,.43,1.21)
}
+ #aside-content .card-widget#card-wechat:hover:before {
+ top: 100%;
+ opacity: 0;
+ transition: .3s ease-out
+ }
+