Merge remote-tracking branch 'origin/main'

This commit is contained in:
1152958806@qq.com 2023-09-23 00:01:54 +08:00
commit af501aca46
3 changed files with 86 additions and 94 deletions

View File

@ -641,6 +641,8 @@ spec:
value: hao-icon-weixin
- label: 公众号
value: hao-icon-weixingongzhonghao
- label: rss
value: hao-icon-rss
- label: 腾讯 QQ
value: hao-icon-qq
- label: 新浪微博
@ -961,6 +963,8 @@ spec:
value: hao-icon-weixin
- label: 公众号
value: hao-icon-weixingongzhonghao
- label: rss
value: hao-icon-rss
- label: 腾讯 QQ
value: hao-icon-qq
- label: 新浪微博
@ -1042,6 +1046,8 @@ spec:
value: hao-icon-weixin
- label: 公众号
value: hao-icon-weixingongzhonghao
- label: rss
value: hao-icon-rss
- label: 腾讯 QQ
value: hao-icon-qq
- label: 新浪微博
@ -1252,16 +1258,6 @@ spec:
- label: 关闭
value: false
help: 文章主色匹配图片颜色
- $formkit: radio
name: summarize
label: 文章摘要(首页)
value: false
options:
- label: 打开
value: true
- label: 关闭
value: false
help: 是否显示文章摘要
- $formkit: group
name: aiDescription
label: 文章 AI 摘要

View File

@ -1743,33 +1743,9 @@ blockquote footer cite::before {
-webkit-line-clamp: 3;
}
#recent-posts>.recent-post-item .recent-post-info .pinned-post {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
color: var(--heo-lighttext);
font-size: .5rem;
position: absolute;
top: 5px;
}
@media screen and (max-width: 768px) {
#recent-posts>.recent-post-item .recent-post-info .pinned-post {
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
color: var(--heo-lighttext);
font-size: .5rem;
position: absolute;
top: -19px;
}
#recent-posts .recent-post-item {
-webkit-box-orient: vertical;
flex-direction: column;
@ -8506,7 +8482,7 @@ li {
.recent-post-item .recent-post-info .recent-post-info-top {
position: relative;
transition: 0.3s;
padding: 32px;
padding: 0 32px;
width: 100%;
}
@ -8525,17 +8501,73 @@ li {
-webkit-box-orient: vertical;
}
/*.recent-post-item .recent-post-info .recent-post-info-top .pinned-post {*/
/* display: none;*/
/*}*/
.recent-post-item .recent-post-info .recent-post-info-top .original {
display: flex;
color: var(--heo-secondtext);
font-size: .5rem;
position: relative;
margin-right: 8px
}
.recent-post-info-top-tips {
display: flex;
margin-top: 20px;
user-select: none
}
@media screen and (max-width: 768px) {
.recent-post-info-top-tips {
display:none
}
}
#recent-posts>.recent-post-item>.recent-post-info .sticky-warp {
line-height: 23px;
display: -webkit-box;
display: -moz-box;
display: -webkit-flex;
display: -ms-flexbox;
display: box;
display: flex;
-webkit-box-align: center;
-moz-box-align: center;
-o-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-pack: center;
-moz-box-pack: center;
-o-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
margin-right: 8px
}
#recent-posts>.recent-post-item>.recent-post-info .sticky {
color: #ff7242;
font-size: 12px
}
.recent-post-item .recent-post-info .recent-post-info-top .lastestpost {
display:flex;
color: var(--heo-secondtext);
font-size: .5rem;
position: relative;
margin-right: 8px
}
.recent-post-item .recent-post-info .recent-post-info-top a.unvisited-post {
display: flex;
color: var(--heo-secondtext);
font-size: .5rem;
position: relative
}
.recent-post-item .recent-post-info .recent-post-info-top a.unvisited-post:visited {
color: var(--heo-card-bg);
}
@media screen and (min-width: 1300px) {
#recent-posts > .recent-post-item .pinned-post {
display: flex;
color: var(--heo-lighttext);
font-size: 0.5rem;
position: relative;
}
#recent-posts .recent-post-item.pinned-post-item .recent-post-info-top {
padding-top: 16px;
@ -8567,6 +8599,7 @@ li {
}
.recent-post-item .recent-post-info .recent-post-info-top .content {
opacity: 0;
transition: 0.3s;
display: -webkit-box;
overflow: hidden;
@ -9371,14 +9404,6 @@ span.recent-post-top-text {
padding: 0.5rem 20px;
}
a.article-meta__categories {
left: 12px !important;
top: 12px !important;
border-radius: 4px !important;
padding: 2px 9px !important;
font-size: 12px;
}
#bbTimeList {
margin-bottom: 0rem;
}
@ -9470,35 +9495,6 @@ span.recent-post-top-text {
margin-top: 20px!important;
} */
.article-meta__categories {
position: absolute;
top: 8px;
left: 8px;
display: flex;
}
/* 自定义的文章分类 */
a.article-meta__category {
display: block;
padding: 2px 6px;
background: var(--heo-black-op);
border-radius: 6px;
margin: 0 5px 0 0;
font-size: 12px;
margin-left: 4px;
font-weight: bold;
color: var(--heo-white);
backdrop-filter: saturate(180%) blur(20px);
-webkit-backdrop-filter: blur(20px);
}
a.article-meta__category:hover {
background: var(--heo-theme) !important;
color: var(--heo-white) !important;
box-shadow: var(--heo-shadow-theme);
}
/* 文章卡片标题 */
#recent-posts > .recent-post-item > .recent-post-info > .article-title {
line-height: 1.4;

View File

@ -22,26 +22,26 @@
th:src="${isLazyload ? loadingImg : img}">
</a>
</div>
<!-- 类别非空时 -->
<th:block th:if="${not #lists.isEmpty(post.categories)}">
<span class="article-meta__categories">
<a class="article-meta__category"
th:each="category : ${post.categories}"
th:href="@{${category.status.permalink}}"
th:text="${category.spec.displayName}"
th:title="${category.spec.displayName}">
</a>
</span>
</th:block>
<div class="recent-post-info">
<div class="recent-post-info-top">
<span class="pinned-post" th:if="${post.spec.pinned}">置顶</span>
<div class="recent-post-info-top-tips">
<span class="sticky-warp sticky" th:if="${post.spec.pinned}">置顶</span></span>
<!-- 类别非空时 -->
<th:block th:if="${not #lists.isEmpty(post.categories)}">
<span th:each="category : ${post.categories}" th:href="@{${category.status.permalink}}"
th:text="${category.spec.displayName}" th:title="${category.spec.displayName}"
class="original"></span>
</th:block>
<!-- <span class="lastestpost">最新</span>-->
<a class="unvisited-post" th:href="@{${post.status.permalink}}" th:title="${post.spec.title}"
data-pjax-state="">未读</a>
</div>
<a class="article-title"
th:attr="title=${post.spec.title}"
th:href="@{${post.status.permalink}}"
th:text="${post.spec.title}">
</a>
<div class="content" th:if="${theme.config.post.summarize}" th:text="${post.status.excerpt}"></div>
<div class="content" th:text="${post.status.excerpt}"></div>
</div>