Merge pull request #203 from chengzhongxue/main
页脚友链开关，tag样式修改，优化加载动画问题，评论样式
This commit is contained in:
小孙同学
GitHub
commit
0bb58f9c48
|
|
@ -632,6 +632,21 @@ spec:
|
|||
- $formkit: menuRadio
|
||||
name: menu
|
||||
label: 底部相关链接
|
||||
- $formkit: radio
|
||||
name: enable_footer_group
|
||||
label: 启用页脚友链
|
||||
value: true
|
||||
options:
|
||||
- label: 启用
|
||||
value: true
|
||||
- label: 禁用
|
||||
value: false
|
||||
- $formkit: url
|
||||
name: fetchUrl
|
||||
value: "`https://moments.0206.ink/randomfriend?num=3`"
|
||||
label: 页脚友链地址
|
||||
placeholder: 请输入页脚友链地址
|
||||
help: 注意格式 (`友链地址`)
|
||||
|
||||
- group: post
|
||||
label: 文章
|
||||
|
|
@ -1262,12 +1277,7 @@ spec:
|
|||
label: token地址
|
||||
placeholder: 请输入token地址
|
||||
help: 注意格式 (`token地址`)
|
||||
- $formkit: url
|
||||
name: fetchUrl
|
||||
value: "`https://moments.0206.ink/randomfriend?num=3`"
|
||||
label: 页脚友链地址
|
||||
placeholder: 请输入页脚友链地址
|
||||
help: 注意格式 (`友链地址`)
|
||||
|
||||
- group: comments
|
||||
label: 评论
|
||||
formSchema:
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@
|
|||
<div class="article-sort-item-tags">
|
||||
<a class="article-meta__tags"
|
||||
th:each="tag : ${post.tags}" th:href="@{${tag.status.permalink}}">
|
||||
<span class="tags-punctuation">#</span>[[${tag.spec.displayName}]]
|
||||
<span class="tags-punctuation">[[${tag.spec.displayName}]]</span>
|
||||
</a>
|
||||
<span class="article-meta__link">•</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -516,18 +516,14 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
if (isAnchor) updateAnchor(currentId)
|
||||
|
||||
if (currentId === '') {
|
||||
$cardToc.querySelectorAll('.active').forEach(i => {
|
||||
i.classList.remove('active')
|
||||
})
|
||||
$cardToc.querySelectorAll('.active').forEach(i => { i.classList.remove('active') })
|
||||
detectItem = currentIndex
|
||||
return
|
||||
}
|
||||
|
||||
detectItem = currentIndex
|
||||
|
||||
$cardToc.querySelectorAll('.active').forEach(item => {
|
||||
item.classList.remove('active')
|
||||
})
|
||||
$cardToc.querySelectorAll('.active').forEach(item => { item.classList.remove('active') })
|
||||
const currentActive = $tocLink[currentIndex]
|
||||
currentActive.classList.add('active')
|
||||
|
||||
|
|
@ -700,8 +696,7 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
const addRuntime = () => {
|
||||
const $runtimeCount = document.getElementById('runtimeshow');
|
||||
if ($runtimeCount) {
|
||||
var s1 = $runtimeCount.innerText;
|
||||
;//建站时间
|
||||
var s1 = $runtimeCount.innerText;;//建站时间
|
||||
if (s1) {
|
||||
s1 = new Date(s1.replace(/-/g, "/"));
|
||||
s2 = new Date();
|
||||
|
|
|
|||
|
|
@ -1,6 +1,7 @@
|
|||
var btf = {
|
||||
|
||||
|
||||
|
||||
// 修改时间显示"最近"
|
||||
diffDate: function (d, more = false) {
|
||||
const dateNow = new Date();
|
||||
|
|
@ -53,7 +54,7 @@ var btf = {
|
|||
if (i.parentNode.tagName !== "A") {
|
||||
const dataSrc = i.dataset.lazySrc || i.src;
|
||||
const dataCaption = i.title || i.alt || "";
|
||||
anzhiyu.wrap(i, "a", {
|
||||
btf.wrap(i, "a", {
|
||||
href: dataSrc,
|
||||
"data-fancybox": "gallery",
|
||||
"data-caption": dataCaption,
|
||||
|
|
|
|||
|
|
@ -316,6 +316,7 @@ function AddRewardMask() {
|
|||
}
|
||||
|
||||
|
||||
|
||||
//监听蒙版关闭
|
||||
document.addEventListener('touchstart', e => {
|
||||
RemoveRewardMask()
|
||||
|
|
|
|||
|
|
@ -316,6 +316,7 @@ function AddRewardMask() {
|
|||
}
|
||||
|
||||
|
||||
|
||||
//监听蒙版关闭
|
||||
document.addEventListener('touchstart', e => {
|
||||
RemoveRewardMask()
|
||||
|
|
@ -562,11 +563,11 @@ function owoBig() {
|
|||
// }, 200));
|
||||
|
||||
|
||||
|
||||
// 页面百分比
|
||||
function percent() {
|
||||
let e = document.documentElement.scrollTop || window.pageYOffset
|
||||
,
|
||||
t = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) - document.documentElement.clientHeight
|
||||
, t = Math.max(document.body.scrollHeight, document.documentElement.scrollHeight, document.body.offsetHeight, document.documentElement.offsetHeight, document.body.clientHeight, document.documentElement.clientHeight) - document.documentElement.clientHeight
|
||||
, o = Math.round(e / t * 100)
|
||||
, n = document.querySelector("#percent");
|
||||
var a = window.scrollY + document.documentElement.clientHeight
|
||||
|
|
@ -758,8 +759,17 @@ if (getCookie('browsertc') != 1) {
|
|||
|
||||
//注入函数
|
||||
document.addEventListener('pjax:send', function () {
|
||||
|
||||
//显示加载进度条
|
||||
if(GLOBAL_CONFIG.loadProgressBar){
|
||||
Pace.restart();
|
||||
}
|
||||
//显示加载动画
|
||||
if(GLOBAL_CONFIG.loadingBox){
|
||||
heo.showLoading();
|
||||
}
|
||||
|
||||
|
||||
})
|
||||
|
||||
document.addEventListener('DOMContentLoaded', function () {
|
||||
|
|
@ -771,7 +781,10 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
heo.sayhi()
|
||||
heo.addTag()
|
||||
heo.stopImgRightDrag()
|
||||
//页脚友联
|
||||
if(GLOBAL_CONFIG.isFriendLinksInFooter){
|
||||
link.addFriendLinksInFooter()
|
||||
}
|
||||
heo.qrcodeCreate()
|
||||
heo.onlyHome()
|
||||
|
||||
|
|
@ -783,7 +796,10 @@ document.addEventListener('DOMContentLoaded', function () {
|
|||
heo.darkModeStatus()
|
||||
// heo.categoriesBarActive()
|
||||
heo.initThemeColor()
|
||||
//隐藏加载动画
|
||||
if(GLOBAL_CONFIG.loadingBox){
|
||||
heo.hideLoading()
|
||||
}
|
||||
// heo.tagPageActive()
|
||||
})
|
||||
window.onscroll = function () {
|
||||
|
|
|
|||
|
|
@ -20,7 +20,7 @@ span.bannerText {
|
|||
|
||||
/* 自我介绍渐变色背景 */
|
||||
#aside-content > .card-widget.card-info::before {
|
||||
background: linear-gradient(-25deg, #0084ff, #031764, #67044d);
|
||||
background: linear-gradient(-25deg, var(--heo-main), #031764, var(--heo-main), #67044d);
|
||||
background-size: 400%;
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
|
|||
|
|
@ -1 +1 @@
|
|||
code[class*=" language-"],pre[class*=" language-"]{background:#18171d}i.iconfont.icon-arrow-right.banner-righticon{font-size:66px}span.bannerText{display:block;margin-top:35px}#aside-content>.card-widget.card-info::before{background:linear-gradient(-25deg,#0084ff,#031764,#67044d);background-size:400%;position:absolute;width:100%;height:100%;left:0;top:0;content:'';animation:gradient 15s ease infinite}ul li{font-size:18px}#article-container pre>code{background:0 0!important}
|
||||
code[class*=" language-"],pre[class*=" language-"]{background:#18171d}i.iconfont.icon-arrow-right.banner-righticon{font-size:66px}span.bannerText{display:block;margin-top:35px}#aside-content>.card-widget.card-info::before{background:linear-gradient(-25deg,var(--heo-main),#031764,var(--heo-main),#67044d);background-size:400%;position:absolute;width:100%;height:100%;left:0;top:0;content:'';animation:gradient 15s ease infinite}ul li{font-size:18px}#article-container pre>code{background:0 0!important}
|
||||
|
|
@ -760,11 +760,6 @@ input::placeholder {
|
|||
color: var(--heo-fontcolor);
|
||||
}
|
||||
|
||||
#web_bg {
|
||||
position: fixed;
|
||||
z-index: -999;
|
||||
background: center center / cover no-repeat local rgb(244, 244, 244);
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
|
|
@ -1495,17 +1490,6 @@ blockquote footer cite::before {
|
|||
}
|
||||
}
|
||||
|
||||
.layout > div:first-child:not(.recent-posts) {
|
||||
align-self: flex-start;
|
||||
padding: 50px 40px;
|
||||
border-radius: 8px;
|
||||
background: var(--card-bg);
|
||||
box-shadow: var(--card-box-shadow);
|
||||
}
|
||||
|
||||
.layout > div:first-child:not(.recent-posts):hover {
|
||||
box-shadow: var(--card-hover-box-shadow);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.layout > div:first-child:not(.recent-posts) {
|
||||
|
|
@ -1901,7 +1885,6 @@ blockquote footer cite::before {
|
|||
position: absolute;
|
||||
top: -19px;
|
||||
}
|
||||
|
||||
#recent-posts .recent-post-item {
|
||||
-webkit-box-orient: vertical;
|
||||
flex-direction: column;
|
||||
|
|
@ -2543,9 +2526,6 @@ blockquote footer cite::before {
|
|||
}
|
||||
}
|
||||
|
||||
#post-comment .comment-head {
|
||||
margin-bottom: 1rem;
|
||||
}
|
||||
|
||||
#post-comment .comment-head .comment-headline {
|
||||
display: inline-block;
|
||||
|
|
@ -2762,20 +2742,11 @@ blockquote footer cite::before {
|
|||
@media screen and (max-width: 768px) {
|
||||
#page-header.post-bg {
|
||||
height: 18rem;
|
||||
background-color: var(--heo-main)!important;
|
||||
transition: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
#page-header.post-bg::before {
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.5);
|
||||
content: "";
|
||||
}
|
||||
|
||||
#page-header #post-info {
|
||||
position: absolute;
|
||||
padding: 0px 8%;
|
||||
|
|
@ -3571,14 +3542,6 @@ ul {
|
|||
line-height: 1.85em;
|
||||
}
|
||||
|
||||
#post .post-copyright {
|
||||
position: relative;
|
||||
margin: 2rem 0px 0.5rem;
|
||||
padding: 0.5rem 0.8rem;
|
||||
transition: box-shadow 0.3s ease-in-out 0s;
|
||||
background: rgb(22, 24, 26);
|
||||
border-radius: 12px !important;
|
||||
}
|
||||
|
||||
#post .post-copyright::before {
|
||||
position: absolute;
|
||||
|
|
@ -3826,11 +3789,15 @@ ul {
|
|||
|
||||
#sidebar #menu-mask {
|
||||
position: fixed;
|
||||
z-index: 102;
|
||||
z-index: 1001;
|
||||
display: none;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background: rgba(0, 0, 0, 0.8);
|
||||
background: var(--heo-maskbg);
|
||||
backdrop-filter: saturate(180%) blur(20px);
|
||||
-webkit-backdrop-filter: blur(20px);
|
||||
transform: translateZ(0);
|
||||
animation: 0.6s ease 0s 1 normal none running to_show;
|
||||
}
|
||||
|
||||
#sidebar #sidebar-menus {
|
||||
|
|
@ -5108,15 +5075,6 @@ blockquote.pullquote.right {
|
|||
--hlexpand-bg: linear-gradient(180deg, rgba(23, 23, 23, 0.6), rgba(23, 23, 23, 0.9));
|
||||
}
|
||||
|
||||
[data-theme="dark"] #footer::before,
|
||||
[data-theme="dark"] #page-header::before,
|
||||
[data-theme="dark"] #web_bg::before {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(0, 0, 0, 0.4);
|
||||
content: "";
|
||||
}
|
||||
|
||||
[data-theme="dark"] #article-container pre > code {
|
||||
background: rgb(23, 23, 23);
|
||||
|
|
@ -5146,13 +5104,6 @@ blockquote.pullquote.right {
|
|||
box-shadow: rgba(133, 133, 133, 0) 0px 5px 6px -5px;
|
||||
}
|
||||
|
||||
[data-theme="dark"] #post-comment #comment-switch {
|
||||
background: rgb(44, 44, 44) !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] #post-comment #comment-switch .switch-btn {
|
||||
filter: brightness(0.8);
|
||||
}
|
||||
|
||||
[data-theme="dark"] .note {
|
||||
filter: brightness(0.8);
|
||||
|
|
@ -5174,35 +5125,7 @@ blockquote.pullquote.right {
|
|||
fill: rgba(255, 255, 255, 0.9) !important;
|
||||
}
|
||||
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-no-comment,
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-tab-active {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-order-label {
|
||||
background-color: rgb(43, 43, 43);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-post-body {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-post-body code,
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-post-body pre {
|
||||
background: rgb(44, 44, 44);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #disqus_thread #dsqjs .dsqjs-post-body blockquote {
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #artitalk_main #lazy {
|
||||
background: rgb(18, 18, 18);
|
||||
}
|
||||
|
||||
[data-theme="dark"] #operare_artitalk .c2 {
|
||||
background: rgb(18, 18, 18);
|
||||
}
|
||||
|
||||
.search-dialog {
|
||||
position: fixed;
|
||||
|
|
@ -5591,10 +5514,11 @@ html {
|
|||
|
||||
#page-header #nav {
|
||||
box-shadow: none;
|
||||
transition: 0s;
|
||||
transition: 0.3s;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
z-index: 100 !important;
|
||||
z-index: 1000 !important;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
@ -5604,6 +5528,7 @@ html {
|
|||
|
||||
#page-header #nav {
|
||||
background: linear-gradient(to top, var(--heo-main-none) 0%, var(--heo-main) 100%);
|
||||
transition: 0s;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -5719,9 +5644,6 @@ html {
|
|||
}
|
||||
}
|
||||
|
||||
#sidebar #menu-mask {
|
||||
z-index: 1001;
|
||||
}
|
||||
|
||||
#page-header.not-top-img:not(.nav-fixed) #nav {
|
||||
background: var(--heo-none);
|
||||
|
|
@ -5735,7 +5657,6 @@ html {
|
|||
|
||||
#page-header.not-top-img {
|
||||
margin-bottom: 0rem;
|
||||
z-index: 99;
|
||||
}
|
||||
|
||||
#nav #toggle-menu {
|
||||
|
|
@ -7157,7 +7078,7 @@ a.console_switchbutton {
|
|||
/* footer背景色 */
|
||||
#footer {
|
||||
background: linear-gradient(180deg, var(--heo-card-bg-none) 0%, var(--heo-card-bg) 25%);
|
||||
margin-top: 1rem;
|
||||
margin-top: 0.5rem;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
/* z-index: 1002; */
|
||||
|
|
@ -7480,7 +7401,6 @@ a.console_switchbutton {
|
|||
bottom: -11px;
|
||||
z-index: 5;
|
||||
}
|
||||
|
||||
.waves-area .waves-svg {
|
||||
width: 100%;
|
||||
height: 60px;
|
||||
|
|
@ -7525,7 +7445,6 @@ a.console_switchbutton {
|
|||
transform: translate3d(85px, 0, 0);
|
||||
}
|
||||
}
|
||||
|
||||
/*Shrinking for mobile*/
|
||||
@media (max-width: 768px) {
|
||||
.main-hero-waves-area {
|
||||
|
|
@ -9172,11 +9091,9 @@ li {
|
|||
transition: all 0.3s;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.ai-btn-item:hover {
|
||||
background: var(--heo-main);
|
||||
}
|
||||
|
||||
.ai-recommend {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
|
|
@ -9197,7 +9114,6 @@ li {
|
|||
-ms-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.ai-recommend .ai-recommend-item {
|
||||
width: calc(50% - 20px);
|
||||
margin: 10px;
|
||||
|
|
@ -9216,20 +9132,16 @@ li {
|
|||
-ms-animation: slide-in 0.6s 0.1s backwards;
|
||||
animation: slide-in 0.6s 0.1s backwards;
|
||||
}
|
||||
|
||||
.ai-recommend .ai-recommend-item span.index {
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
.ai-recommend .ai-recommend-item:hover {
|
||||
color: var(--heo-white);
|
||||
background: var(--heo-main);
|
||||
}
|
||||
|
||||
.ai-recommend .ai-recommend-item:hover a {
|
||||
color: var(--heo-white);
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
.ai-btn-box {
|
||||
-webkit-box-pack: center;
|
||||
|
|
@ -9239,7 +9151,6 @@ li {
|
|||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ai-recommend .ai-recommend-item {
|
||||
width: 100%;
|
||||
}
|
||||
|
|
@ -9250,13 +9161,11 @@ li {
|
|||
font-size: 20px;
|
||||
line-height: 20px;
|
||||
}
|
||||
|
||||
.ai-title .anzhiyufont.anzhiyu-icon-arrow-rotate-right {
|
||||
font-size: 14px;
|
||||
margin-left: 4px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.post-ai {
|
||||
background: var(--heo-secondbg);
|
||||
border-radius: 12px;
|
||||
|
|
@ -10175,8 +10084,10 @@ a.article-meta__category:hover {
|
|||
|
||||
/* 首页文章标签样式 */
|
||||
#recent-posts > .recent-post-item > .recent-post-info > .article-meta-wrap a:hover {
|
||||
background-color: var(--heo-post-blockquote-bg);
|
||||
color: var(--heo-hovertext);
|
||||
background-color: var(--heo-none);
|
||||
color: var(--heo-lighttext);
|
||||
cursor: pointer;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
/* 首页顶部banner区域 */
|
||||
|
|
@ -10624,31 +10535,16 @@ div#author-info__sayhi {
|
|||
}
|
||||
|
||||
#web_bg {
|
||||
background-repeat: repeat;
|
||||
background-size: auto;
|
||||
width: 200%;
|
||||
height: 200%;
|
||||
top: -50%;
|
||||
left: -50%;
|
||||
transform: rotate(-15deg);
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
top: 0;
|
||||
left: 0;
|
||||
opacity: 1;
|
||||
background-color: var(--heo-background);
|
||||
position: fixed;
|
||||
z-index: -999;
|
||||
background: var(--heo-background);
|
||||
}
|
||||
|
||||
#web_bg:before {
|
||||
background-color: var(--heo-background) !important;
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
[data-theme='dark'] #web_bg:before,
|
||||
[data-theme='dark'] #footer:before,
|
||||
[data-theme='dark'] #page-header:before {
|
||||
background-color: var(--heo-none) !important;
|
||||
}
|
||||
|
||||
[data-theme=dark]#web_bg {
|
||||
opacity: 1;
|
||||
}
|
||||
|
||||
/* 标签云卡片 */
|
||||
#aside-content .card-tag-cloud a {
|
||||
|
|
@ -10738,12 +10634,18 @@ a.extend.prev {
|
|||
---------------------------------------------------------------- */
|
||||
|
||||
/* 文章头图 */
|
||||
#page-header.post-bg:before {
|
||||
transition: 0s;
|
||||
#page-header.post-bg::before {
|
||||
transition: 0.3s;
|
||||
opacity: 0.93;
|
||||
height: 20rem;
|
||||
background-color: var(--heo-main);
|
||||
opacity: 0.8;
|
||||
opacity: 1;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: 0px;
|
||||
display: block;
|
||||
width: 100%;
|
||||
content: "";
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
@ -10774,6 +10676,9 @@ a.extend.prev {
|
|||
|
||||
#page-header.post-bg:before {
|
||||
height: 25rem;
|
||||
/* opacity: 0; */
|
||||
background-color: var(--heo-main);
|
||||
animation: slide-in-op 0.6s 0s forwards;
|
||||
}
|
||||
|
||||
#post-info .post-title {
|
||||
|
|
@ -10784,10 +10689,9 @@ a.extend.prev {
|
|||
|
||||
#page-header.post-bg {
|
||||
/* backdrop-filter: blur(500px); */
|
||||
background-color: var(--heo-main);
|
||||
transition: 0s;
|
||||
background-color: var(--heo-background);
|
||||
transition: 0.6s;
|
||||
overflow: hidden;
|
||||
/* box-shadow: var(--heo-shadow-main); */
|
||||
}
|
||||
|
||||
.post-bg #post-cover {
|
||||
|
|
@ -10841,6 +10745,63 @@ a.extend.prev {
|
|||
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1300px) {
|
||||
.coverdiv {
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin: 0 -20% 0 auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
transform: rotate(10deg) translateY(-8%) scale(1.8);
|
||||
filter: blur(10px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
.coverdiv.loaded {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
animation: showCover 1s 0.3s backwards;
|
||||
transform: rotate(10deg) translateY(-10%) scale(2);
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
@media screen and (min-width: 768px) {
|
||||
|
||||
.coverdiv {
|
||||
width: 70%;
|
||||
height: 100%;
|
||||
position: relative;
|
||||
margin: 0 -20% 0 auto;
|
||||
overflow: hidden;
|
||||
margin-bottom: 0;
|
||||
transform: rotate(10deg) translateY(-8%) scale(1.8);
|
||||
filter: blur(10px);
|
||||
opacity: 0;
|
||||
}
|
||||
|
||||
|
||||
.coverdiv.loaded {
|
||||
display: block;
|
||||
opacity: 0.5;
|
||||
animation: showCover 1s 0.3s backwards;
|
||||
transform: rotate(10deg) translateY(-10%) scale(2);
|
||||
}
|
||||
|
||||
@keyframes showCover {
|
||||
from {
|
||||
opacity: 0;
|
||||
transform: rotate(10deg) translateY(-8%) scale(1.8);
|
||||
}
|
||||
to {
|
||||
opacity: 0.5;
|
||||
transform: rotate(10deg) translateY(-10%) scale(2);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#page-header {
|
||||
background-image: none !important;
|
||||
display: flex;
|
||||
|
|
@ -10863,6 +10824,8 @@ a.extend.prev {
|
|||
background: var(--heo-card-bg);
|
||||
border: var(--style-border);
|
||||
width: calc(100% - 300px);
|
||||
align-self: flex-start;
|
||||
animation: slide-in 0.6s 0.1s backwards;
|
||||
}
|
||||
|
||||
#page {
|
||||
|
|
@ -10953,8 +10916,9 @@ a.extend.prev {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: flex-start;
|
||||
height: calc(100% + 30px);
|
||||
height: calc(100% + 0px);
|
||||
justify-content: center;
|
||||
animation: slide-in 0.6s 0s backwards;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
@ -10967,16 +10931,16 @@ a.extend.prev {
|
|||
|
||||
@media screen and (min-width: 1300px) {
|
||||
#page-header #post-info {
|
||||
height: calc(100% + 30px);
|
||||
height: calc(100% + 0px);
|
||||
top: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
}
|
||||
|
||||
/*#post-info #post-meta > .meta-secondline > span:first-child {*/
|
||||
/* margin-right: 0.8rem;*/
|
||||
/*}*/
|
||||
#post-info #post-meta>.meta-secondline>span:first-child {
|
||||
margin-right: 0.8rem;
|
||||
}
|
||||
|
||||
.meta-secondline span {
|
||||
display: flex;
|
||||
|
|
@ -10995,12 +10959,13 @@ a.extend.prev {
|
|||
text-align: left;
|
||||
display: flex;
|
||||
white-space: nowrap;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
#post-firstinfo .post-meta__tags {
|
||||
color: var(--heo-white);
|
||||
opacity: 0.4;
|
||||
margin-right: 1rem;
|
||||
opacity: 0.8;
|
||||
margin-right: 8px;
|
||||
}
|
||||
|
||||
#post-firstinfo .post-meta__tags:hover {
|
||||
|
|
@ -11028,6 +10993,9 @@ span.post-meta-categories:hover {
|
|||
a.post-meta-categories {
|
||||
color: var(--heo-white);
|
||||
font-size: 0.7rem;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
span.post-meta-categories:hover a.post-meta-categories {
|
||||
|
|
@ -11041,6 +11009,7 @@ span.post-meta-categories:hover a.post-meta-categories {
|
|||
#post-firstinfo .meta-firstline {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
@ -11066,6 +11035,9 @@ a.post-meta-original {
|
|||
font-weight: bold;
|
||||
height: 32px;
|
||||
line-height: 32px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
a.post-meta-original:hover {
|
||||
|
|
@ -11306,6 +11278,7 @@ span.post-meta-position {
|
|||
margin: 1rem 0 1rem 0 !important;
|
||||
-webkit-line-clamp: 2;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
@media screen and (max-width: 768px) {
|
||||
|
|
@ -11328,6 +11301,7 @@ span.post-meta-position {
|
|||
margin-top: 0.4rem;
|
||||
transition: 0.3s;
|
||||
display: flex;
|
||||
-webkit-user-select: none;
|
||||
}
|
||||
|
||||
#post-info #post-meta a {
|
||||
|
|
@ -11468,40 +11442,52 @@ span.post-meta-position {
|
|||
}
|
||||
|
||||
/* 文章details折叠 */
|
||||
details {
|
||||
details:not(.tk-admin-config-group) {
|
||||
display: block;
|
||||
position: relative;
|
||||
margin-bottom: 1rem;
|
||||
min-height: 54px;
|
||||
overflow: hidden;
|
||||
border-radius: 12px;
|
||||
border: var(--style-border);
|
||||
transition: border 0.3s;
|
||||
}
|
||||
|
||||
details summary {
|
||||
details:not(.tk-admin-config-group):hover {
|
||||
border: var(--style-border-hover-always);
|
||||
}
|
||||
|
||||
details:not(.tk-admin-config-group) summary {
|
||||
position: absolute;
|
||||
padding: 0.5rem 1rem;
|
||||
background: var(--heo-card-bg);
|
||||
border-radius: 12px;
|
||||
margin: 0;
|
||||
transition: 0.3s;
|
||||
border: var(--style-border);
|
||||
box-shadow: var(--heo-shadow-border);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
font-weight: bold;
|
||||
white-space: nowrap; /* 禁止换行 */
|
||||
overflow: hidden; /* 超出部分隐藏 */
|
||||
text-overflow: ellipsis; /* 超出部分用省略号表示 */
|
||||
}
|
||||
|
||||
details > *:nth-child(2) {
|
||||
details:not(.tk-admin-config-group) > *:nth-child(2) {
|
||||
margin-top: calc(54px + 1rem) !important;
|
||||
}
|
||||
|
||||
details[open] summary {
|
||||
border-radius: 12px 12px 0 0;
|
||||
details[open]:not(.tk-admin-config-group) summary {
|
||||
background: var(--heo-main);
|
||||
color: var(--heo-white);
|
||||
border: var(--style-border-hover-always);
|
||||
}
|
||||
|
||||
details summary:hover {
|
||||
details:not(.tk-admin-config-group) summary::before {
|
||||
content: '';
|
||||
padding: 4px;
|
||||
}
|
||||
|
||||
details:not(.tk-admin-config-group) summary:hover {
|
||||
cursor: pointer;
|
||||
background: var(--heo-main);
|
||||
color: var(--heo-white);
|
||||
|
|
@ -11509,31 +11495,31 @@ details summary:hover {
|
|||
box-shadow: var(--heo-shadow-main);
|
||||
}
|
||||
|
||||
details summary:focus {
|
||||
details:not(.tk-admin-config-group) summary:focus {
|
||||
outline: none;
|
||||
}
|
||||
|
||||
details summary::marker {
|
||||
details:not(.tk-admin-config-group) summary::marker {
|
||||
color: var(--heo-main);
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
details[open] summary::marker {
|
||||
details[open]:not(.tk-admin-config-group) summary::marker {
|
||||
color: var(--heo-white);
|
||||
}
|
||||
|
||||
details summary:hover::marker {
|
||||
details:not(.tk-admin-config-group) summary:hover::marker {
|
||||
color: var(--heo-white);
|
||||
}
|
||||
|
||||
details[open] {
|
||||
details[open]:not(.tk-admin-config-group) {
|
||||
border-radius: 12px;
|
||||
border: var(--style-border-hover-always);
|
||||
padding: 0 1.5rem;
|
||||
background: var(--heo-card-bg);
|
||||
}
|
||||
|
||||
details summary:hover:after {
|
||||
details:not(.tk-admin-config-group) summary:hover:after {
|
||||
position: absolute;
|
||||
content: '+';
|
||||
text-align: center;
|
||||
|
|
@ -11543,7 +11529,7 @@ details summary:hover:after {
|
|||
line-height: 1;
|
||||
}
|
||||
|
||||
details[open] > summary:hover:after {
|
||||
details[open]:not(.tk-admin-config-group) > summary:hover:after {
|
||||
content: '-';
|
||||
}
|
||||
|
||||
|
|
@ -12113,17 +12099,20 @@ blockquote p {
|
|||
border: var(--style-border);
|
||||
border-width: 1px;
|
||||
transition: 0.3s;
|
||||
position: relative;
|
||||
margin: 1.5rem 0px 0.5rem;
|
||||
border-radius: 12px;
|
||||
}
|
||||
|
||||
#post .post-copyright:after {
|
||||
position: absolute;
|
||||
right: 22px;
|
||||
top: -77px;
|
||||
content: '\f25e';
|
||||
content: "\e00d";
|
||||
font-size: 180px;
|
||||
font-family: 'Font Awesome 5 Brands';
|
||||
font-family: "heofont";
|
||||
color: var(--heo-fontcolor);
|
||||
opacity: 0.4;
|
||||
opacity: 0.1;
|
||||
filter: blur(7px);
|
||||
}
|
||||
|
||||
|
|
@ -12732,6 +12721,7 @@ a.reward-main-btn:hover {
|
|||
}
|
||||
|
||||
|
||||
|
||||
@media screen and (min-width: 1300px) {
|
||||
#pagination .page-number:hover {
|
||||
transform: scale(1.03);
|
||||
|
|
@ -12913,8 +12903,13 @@ div#post-comment {
|
|||
#post-comment>div.comment-head>div.comment-privacy {
|
||||
display: block;
|
||||
justify-content: space-between;
|
||||
float: right;
|
||||
line-height: 2rem;
|
||||
margin-left: 8px;
|
||||
font-size: 13px;
|
||||
margin-left: auto;
|
||||
}
|
||||
|
||||
#post-comment>div.comment-head>div.comment-privacy a:hover {
|
||||
color: var(--heo-theme);
|
||||
}
|
||||
|
||||
#post-comment .comment-tips {
|
||||
|
|
@ -12926,11 +12921,13 @@ div#post-comment {
|
|||
padding: 8px 12px;
|
||||
margin-top: 0.5rem;
|
||||
display: none;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
|
||||
#post-comment .comment-tips.show {
|
||||
display: flex;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 头像 */
|
||||
|
|
@ -13058,11 +13055,12 @@ img.tk-avatar-img {
|
|||
}
|
||||
|
||||
/* 填写项标题 */
|
||||
.el-input-group__append,
|
||||
.el-input-group__prepend {
|
||||
.el-input-group__append, .el-input-group__prepend {
|
||||
background-color: var(--heo-card-bg) !important;
|
||||
color: var(--heo-fontcolor) !important;
|
||||
border-color: var(--heo-card-border) !important;
|
||||
border: var(--style-border)!important;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* 输入框 */
|
||||
|
|
@ -13070,6 +13068,7 @@ img.tk-avatar-img {
|
|||
background: var(--heo-background) !important;
|
||||
border: 1px solid var(--heo-card-border) !important;
|
||||
color: var(--heo-fontcolor) !important;
|
||||
padding-left: 8px;
|
||||
}
|
||||
|
||||
.page .el-input__inner {
|
||||
|
|
@ -13439,6 +13438,9 @@ button.el-button.tk-cancel.el-button--default.el-button--small {
|
|||
#post-comment .comment-head {
|
||||
font-size: 0.8em !important;
|
||||
margin-bottom: 0.5rem;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
/* 隐藏没有评论 */
|
||||
|
|
@ -13982,7 +13984,31 @@ span.tagsPageCount {
|
|||
}
|
||||
|
||||
span.tags-punctuation {
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
span.tags-punctuation::before {
|
||||
content: "\e608";
|
||||
font-family: "anzhiyufont" !important;
|
||||
opacity: 0.4;
|
||||
margin-right: 2px;
|
||||
}
|
||||
|
||||
.hide-aside #page span.tags-punctuation::before {
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.recent-post-item span.tags-punctuation {
|
||||
margin-right: 0px;
|
||||
font-size: 13px;
|
||||
}
|
||||
|
||||
.category-lists span.tags-punctuation {
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.tags-name {
|
||||
margin-left: 2px;
|
||||
}
|
||||
|
||||
/* page标题 */
|
||||
|
|
@ -14563,6 +14589,7 @@ figure.gallery-group:hover .gallery-group-name::after {
|
|||
display: flex;
|
||||
flex-direction: row;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#footer-wrap {
|
||||
|
|
@ -15518,14 +15545,10 @@ span.hexo-douban-pagenum {
|
|||
background: var(--heo-secondbg);
|
||||
display: flex;
|
||||
overflow: hidden;
|
||||
z-index: 100;
|
||||
z-index: 1002;
|
||||
transition: 0.3s;
|
||||
}
|
||||
|
||||
[data-theme=dark] #footer-banner {
|
||||
background: var(--heo-secondbg);
|
||||
}
|
||||
|
||||
#footer-banner .footer-banner-links {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
@ -15534,15 +15557,19 @@ span.hexo-douban-pagenum {
|
|||
margin: 0 auto;
|
||||
flex-wrap: wrap;
|
||||
align-items: center;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
#footer-banner .footer-banner-left {
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
min-height: 32px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
#footer-banner .footer-banner-link {
|
||||
margin-top: 8px;
|
||||
margin-bottom: 8px;
|
||||
margin-right: 1rem;
|
||||
color: var(--heo-fontcolor);
|
||||
font-size: 0.8rem;
|
||||
|
|
@ -15556,6 +15583,7 @@ span.hexo-douban-pagenum {
|
|||
|
||||
#footer-banner .footer-banner-link.cc i {
|
||||
margin-right: 0.5rem;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
#footer-banner .footer-banner-link:hover {
|
||||
|
|
@ -15592,15 +15620,9 @@ span.hexo-douban-pagenum {
|
|||
}
|
||||
|
||||
@keyframes floating {
|
||||
0% {
|
||||
transform: translate(0, -4px);
|
||||
}
|
||||
50% {
|
||||
transform: translate(0, 4px);
|
||||
}
|
||||
100% {
|
||||
transform: translate(0, -4px);
|
||||
}
|
||||
0% { transform: translate(0, -4px); }
|
||||
50% { transform: translate(0, 4px); }
|
||||
100% { transform: translate(0, -4px); }
|
||||
}
|
||||
|
||||
#about-page .author-info {
|
||||
|
|
@ -15665,6 +15687,7 @@ span.hexo-douban-pagenum {
|
|||
}
|
||||
|
||||
|
||||
|
||||
#about-page .author-img {
|
||||
margin: 0 30px;
|
||||
border-radius: 50%;
|
||||
|
|
@ -16515,7 +16538,6 @@ span.hexo-douban-pagenum {
|
|||
.author-content-item.game-lol:hover .loading-bar::after {
|
||||
animation: loading-bar 3.5s cubic-bezier(0.28, 0.11, 0.32, 1) infinite forwards;
|
||||
}
|
||||
|
||||
@keyframes loading-bar {
|
||||
0% {
|
||||
width: 0;
|
||||
|
|
@ -17257,14 +17279,12 @@ a.toc-link {
|
|||
color: currentColor;
|
||||
height:0%;
|
||||
}
|
||||
|
||||
/* 文章目录样式 */
|
||||
#aside-content #card-toc .toc-content .is-active-link {
|
||||
font-weight: 700;
|
||||
font-size: 20px;
|
||||
color: var(--heo-lighttext);
|
||||
}
|
||||
|
||||
/* code样式 */
|
||||
code:not([class]) {
|
||||
color: var(--heo-white);
|
||||
|
|
@ -17286,7 +17306,6 @@ code:not([class]) {
|
|||
transition: 0.3s;
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
.nav-fixed #nav #page-name-text:hover {
|
||||
background: var(--heo-main);
|
||||
transition: 0.3s;
|
||||
|
|
@ -17335,7 +17354,7 @@ code:not([class]) {
|
|||
transition: 0.3s;
|
||||
display: flex;
|
||||
height: 35px;
|
||||
/*width: 75px;*/
|
||||
width: 75px;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
text-shadow: none;
|
||||
|
|
@ -17343,17 +17362,16 @@ code:not([class]) {
|
|||
}
|
||||
|
||||
|
||||
|
||||
/* 导航栏中间样式 */
|
||||
#menus>div.menus_items a {
|
||||
font-size: 16.8px;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
#nav .menus_items .menus_item .menus_item_child {
|
||||
padding: 2px 2px 4px 2px;
|
||||
border-radius: 55px;
|
||||
}
|
||||
|
||||
#nav .menus_items .menus_item .menus_item_child li a:hover {
|
||||
padding: 0.2rem 0.5rem;
|
||||
}
|
||||
|
|
|
|||
File diff suppressed because one or more lines are too long
|
|
@ -19,8 +19,8 @@
|
|||
th:each="categoryItem : ${categoryFinder.listAll()}"
|
||||
th:href="@{${categoryItem.status.permalink}}"
|
||||
th:id="${categoryItem.spec.displayName}">
|
||||
<span class="tags-punctuation">#</span>
|
||||
[[${categoryItem.spec.displayName}]]
|
||||
<span style="font-size: 22px;" class="tags-punctuation">[[${categoryItem.spec.displayName}]]</span>
|
||||
|
||||
<span class="tagsPageCount">[[${categoryItem.status.visiblePostCount}]]</span></a>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -54,7 +54,7 @@
|
|||
<div class="article-sort-item-tags">
|
||||
<a class="article-meta__tags"
|
||||
th:each="tag : ${post.tags}" th:href="@{${tag.status.permalink}}">
|
||||
<span class="tags-punctuation">#</span>[[${tag.spec.displayName}]]
|
||||
<span class="tags-punctuation">[[${tag.spec.displayName}]]</span>
|
||||
</a>
|
||||
<span class="article-meta__link">•</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -39,8 +39,7 @@
|
|||
/>
|
||||
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.0/css/all.min.css" media="all"
|
||||
onload="this.media='all'">
|
||||
<link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.0/css/all.min.css" media="all" onload="this.media='all'">
|
||||
|
||||
<script>
|
||||
(win => {
|
||||
|
|
@ -152,8 +151,7 @@
|
|||
|
||||
|
||||
<!-- icon图标 -->
|
||||
<link rel="preload" as="style" onload="this.rel='stylesheet'"
|
||||
th:href="@{/assets/icon/fontawesome/fontawesome.min.css}">
|
||||
<link rel="preload" as="style" onload="this.rel='stylesheet'" th:href="@{/assets/icon/fontawesome/fontawesome.min.css}">
|
||||
<link rel="stylesheet" href="https://npm.elemecdn.com/anzhiyu-theme-static@1.1.0/icon/ali_iconfont_css.css">
|
||||
|
||||
<!-- 声明一些公共信息 -->
|
||||
|
|
@ -171,6 +169,9 @@
|
|||
copyright: undefined,
|
||||
lightbox: 'fancybox',
|
||||
lazyload: {enable: true, error: "/themes/theme-hao/assets/images/404s.gif"},
|
||||
isFriendLinksInFooter: [[${theme.config.footer.enable_footer_group}]],
|
||||
loadingBox: [[${theme.config.other.loadingBox}]],
|
||||
loadProgressBar: [[${theme.config.other.loadProgressBar}]],
|
||||
date_suffix: {
|
||||
just: '刚刚',
|
||||
min: '分钟前',
|
||||
|
|
@ -234,9 +235,11 @@
|
|||
})()
|
||||
|
||||
|
||||
|
||||
</script>
|
||||
|
||||
|
||||
|
||||
</head>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -124,7 +124,11 @@
|
|||
<!-- Tocbot 目录生成 end -->
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<script >
|
||||
if(GLOBAL_CONFIG.isFriendLinksInFooter){
|
||||
var link = {
|
||||
// 页脚友链
|
||||
addFriendLinksInFooter: function () {
|
||||
|
|
@ -145,7 +149,7 @@
|
|||
})
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
</script>
|
||||
|
||||
<div id="js-pjax"></div>
|
||||
|
|
@ -262,8 +266,10 @@
|
|||
heo.darkModeStatus();
|
||||
// heo.categoriesBarActive();
|
||||
heo.initThemeColor();
|
||||
//页脚友链
|
||||
link.addFriendLinksInFooter();
|
||||
//页脚友联
|
||||
if(GLOBAL_CONFIG.isFriendLinksInFooter){
|
||||
link.addFriendLinksInFooter()
|
||||
}
|
||||
|
||||
//右下角 snackbar 弹窗
|
||||
if ([[${ theme.config.snackbar.switch }]]) {
|
||||
|
|
|
|||
|
|
@ -52,13 +52,12 @@
|
|||
th:each="tag : ${post.tags}"
|
||||
th:href="@{${tag.status.permalink}}"
|
||||
th:title="${tag.spec.displayName}">
|
||||
<span class="tags-punctuation">#</span>[[${#strings.trim(tag.spec.displayName)}]]
|
||||
<span class="tags-punctuation">[[${#strings.trim(tag.spec.displayName)}]]</span>
|
||||
</a>
|
||||
</span>
|
||||
</th:block>
|
||||
<!-- 创建时间 -->
|
||||
<span class="post-meta-date"
|
||||
th:with="days=${(new java.util.Date().getTime()-post.spec.publishTime.toEpochMilli())/86400000}">
|
||||
<span class="post-meta-date" th:with="days=${(new java.util.Date().getTime()-post.spec.publishTime.toEpochMilli())/86400000}">
|
||||
<i class="far fa-calendar-alt"></i>
|
||||
<time style="display: inline;"
|
||||
th:datetime="${post.spec.publishTime}"
|
||||
|
|
|
|||
|
|
@ -7,7 +7,7 @@
|
|||
|
||||
<header class="post-bg" id="page-header">
|
||||
<nav th:replace="~{modules/nav :: nav(title = ${post.spec.title})}"></nav>
|
||||
<div class="coverdiv" id="coverdiv">
|
||||
<div class="coverdiv loaded" id="coverdiv">
|
||||
<img alt="cover" class="nolazyload" id="post-cover"
|
||||
th:src="${#strings.isEmpty(post.spec.cover) ? theme.config.layout.postRandomImg : post.spec.cover}">
|
||||
</div>
|
||||
|
|
@ -26,8 +26,10 @@
|
|||
<div class="tag_share" th:if="${not #lists.isEmpty(post.tags)}">
|
||||
<div class="post-meta__tag-list">
|
||||
<a class="post-meta__tags" th:each="tag : ${post.tags}"
|
||||
th:href="@{${tag.status.permalink}}" th:text="'#'+${tag.spec.displayName}"
|
||||
th:title="${tag.spec.displayName}"></a>
|
||||
th:href="@{${tag.status.permalink}}"
|
||||
th:title="${tag.spec.displayName}">
|
||||
<span class="tags-name tags-punctuation">[[${tag.spec.displayName}]]</span>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -61,8 +63,7 @@
|
|||
<span class="post-meta-label">热度:</span>
|
||||
<span id="visit" th:text="${post.stats.visit}"></span>
|
||||
</span>
|
||||
<span th:if="${post.spec.allowComment}" class="post-meta-commentcount"
|
||||
onclick="heo.scrollTo('#post-comment');" title="评论数">
|
||||
<span th:if="${post.spec.allowComment}" class="post-meta-commentcount" onclick="heo.scrollTo('#post-comment');" title="评论数">
|
||||
<i class="iconfont icon-comment-alt"></i>
|
||||
<span class="post-meta-label">评论:</span>
|
||||
<a th:if="${#strings.equals(theme.config.comments.use, 'commentWidget')}"
|
||||
|
|
@ -460,8 +461,7 @@
|
|||
<div class="post-qr-code-desc">微信</div>
|
||||
</li>
|
||||
<li class="reward-item"><a th:href="@{${theme.config.post.reward.alipay}}"
|
||||
target="_blank"><img alt="支付宝"
|
||||
class="post-qr-code-img"
|
||||
target="_blank"><img alt="支付宝" class="post-qr-code-img"
|
||||
th:src="${theme.config.post.reward.alipay}"></a>
|
||||
<div class="post-qr-code-desc">支付宝</div>
|
||||
</li>
|
||||
|
|
@ -484,8 +484,7 @@
|
|||
<!-- 分享 -->
|
||||
<div class="share-link mobile">
|
||||
<div class="share-qrcode">
|
||||
<div class="share-button" title="使用手机访问这篇文章"><i
|
||||
class="iconfont icon-qrcode"></i>
|
||||
<div class="share-button" title="使用手机访问这篇文章"><i class="iconfont icon-qrcode"></i>
|
||||
</div>
|
||||
<div class="share-main">
|
||||
<div class="share-main-all">
|
||||
|
|
@ -511,9 +510,8 @@
|
|||
<div class="post-meta__tag-list">
|
||||
<a class="post-meta__tags" th:each="tag : ${post.tags}"
|
||||
th:href="@{${tag.status.permalink}}">
|
||||
<span class="tags-punctuation">#</span>
|
||||
<th:block th:text="${tag.spec.displayName}" th:title="${tag.spec.displayName}">
|
||||
</th:block>
|
||||
<span class="tags-punctuation">[[${tag.spec.displayName}]]</span>
|
||||
|
||||
<span class="tagsPageCount" th:text="${tag.status.visiblePostCount}"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -16,7 +16,7 @@
|
|||
th:each="tagItem : ${tags}"
|
||||
th:href="@{${tagItem.status.permalink}}"
|
||||
th:id="${tagItem.spec.displayName}">
|
||||
<span class="tags-punctuation">#</span> [[${tagItem.spec.displayName}]]
|
||||
<span class="tags-punctuation">[[${tagItem.spec.displayName}]]</span>
|
||||
<span class="tagsPageCount" th:text="${tagItem.status.visiblePostCount}"></span>
|
||||
</a>
|
||||
</div>
|
||||
|
|
@ -43,7 +43,7 @@
|
|||
<div class="article-sort-item-tags">
|
||||
<a class="article-meta__tags" event.cancelbubble onclick="window.event.cancelBubble=!0"
|
||||
th:each="tag : ${post.tags}" th:href="@{${tag.status.permalink}}">
|
||||
<span class="tags-punctuation">#[[${tag.spec.displayName}]]</span>
|
||||
<span class="tags-punctuation">[[${tag.spec.displayName}]]</span>
|
||||
</a>
|
||||
<span class="article-meta__link">•</span>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -15,8 +15,8 @@
|
|||
<a th:each="tagItem : ${tagFinder.listAll()}"
|
||||
th:href="@{${tagItem.status.permalink}}"
|
||||
th:id="${tagItem.spec.displayName}" th:style="'font-size: 1em; color:' + ${tagItem.spec.color} ">
|
||||
<span class="tags-punctuation">#</span>
|
||||
[[${tagItem.spec.displayName}]]
|
||||
<span class="tags-punctuation">[[${tagItem.spec.displayName}]]</span>
|
||||
|
||||
<span class="tagsPageCount">[[${tagItem.status.visiblePostCount}]]</span>
|
||||
</a>
|
||||
|
||||
|
|
|
|||
|
|
@ -27,5 +27,5 @@ spec:
|
|||
repo: 'https://github.com/liuzhihang/halo-theme-hao'
|
||||
settingName: "theme-hao-setting"
|
||||
configMapName: "theme-hao-configMap"
|
||||
version: 1.1.3
|
||||
version: 1.1.2
|
||||
require: 2.0.0
|
||||
|
|
|
|||
Loading…
Reference in New Issue