This commit is contained in:
小赵同学 committed 2024-07-12 14:55:59 +08:00
1 parent 1600a39c2c
commit f267e9b8d2
21 files changed
+860 -120

No files matched your search

+51 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -62,6 +61,37 @@
<div id="pjax-container"> <div id="pjax-container">
<h2 id="">留言板 </h2>
<div id="qm_con_body">
<div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="opacity: 1;">
<div class="container g-width" style="height: 458.667;margin-top: 0px;">
<header class="date g-width g-inline-center">
<time> <span class="uk-visible@s">评论于<a href="">《》</a></span></time>
</header>
<section class="dialog g-width g-clear-both">
<div class="bubble g-right reply">
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
<div style="text-align: right;line-height: 2rem;font-size: 11px;color:#727272"></div>
</a>
<span class="bubble-text g-left reply-text"></span>
<img class="bubble-avatar g-right" src="" loading="lazy" draggable="false" no-view>
</div>
<div class="bubble g-left message">
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
<div style="line-height: 2rem;font-size: 11px;color:#727272"></div>
</a>
<img class="bubble-avatar g-left" src="" loading="lazy" draggable="false" no-view>
<span class="bubble-text g-right message-text"></span>
</div>
</section>
</div>
</div>
</div>
<div class="post-content" itemprop="articleBody"> <div class="post-content" itemprop="articleBody">
<h2 id="关于我">关于我</h2> <h2 id="关于我">关于我</h2>
<p>00后,湖北襄阳人,目前大三本科在读</p> <p>00后,湖北襄阳人,目前大三本科在读</p>
@@ -80,7 +110,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -96,6 +127,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -165,7 +164,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -181,6 +181,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -84,7 +83,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -100,6 +100,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+249 -34
View File
@@ -55,7 +55,6 @@ img {
border-radius: 5px; border-radius: 5px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
vertical-align: middle vertical-align: middle
} }
.icon { .icon {
@@ -113,7 +112,8 @@ table th {
background-color: #f6f8fa; background-color: #f6f8fa;
} }
table th, table td { table th,
table td {
padding: 10px 20px; padding: 10px 20px;
border: 1px solid #dfe2e5; border: 1px solid #dfe2e5;
} }
@@ -127,7 +127,8 @@ blockquote {
word-break: break-all; word-break: break-all;
} }
a, a:hover { a,
a:hover {
color: #24292e; color: #24292e;
text-decoration: none text-decoration: none
} }
@@ -136,7 +137,12 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2; line-height: 1.2;
font-weight: 400; font-weight: 400;
} }
@@ -153,7 +159,9 @@ h3 {
font-size: 1.25rem; font-size: 1.25rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
font-size: 1.125rem; font-size: 1.125rem;
} }
@@ -375,7 +383,9 @@ ul {
font-size: 1.125rem; font-size: 1.125rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
font-size: 1rem; font-size: 1rem;
} }
@@ -400,33 +410,41 @@ ul {
.highlight pre::-webkit-scrollbar { .highlight pre::-webkit-scrollbar {
display: none; display: none;
} }
.comment-form-author { .comment-form-author {
width: 45% !important; width: 45% !important;
float: right; float: right;
/*margin-right: 5%;*/ /*margin-right: 5%;*/
} }
.comment-form-email { .comment-form-email {
width: 45% !important; width: 45% !important;
float: left; float: left;
} }
#cancel-huifu { #cancel-huifu {
position: relative; position: relative;
left: 53px !important; left: 53px !important;
} }
.header img { .header img {
width: 75px !important; width: 75px !important;
height: 75px !important; height: 75px !important;
} }
.site-description { .site-description {
margin-top: 10px !important; margin-top: 10px !important;
} }
.itp-index { .itp-index {
width: 100% !important; width: 100% !important;
} }
#scrollUp { #scrollUp {
right: 35px !important; right: 35px !important;
} }
} }
/*回到顶部*/ /*回到顶部*/
#scrollUp { #scrollUp {
@@ -438,7 +456,8 @@ ul {
border-radius: 50%; border-radius: 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg); background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg);
background-position: center center; /* 将背景图像居中对齐 */ background-position: center center;
/* 将背景图像居中对齐 */
color: #fff; color: #fff;
} }
@@ -450,6 +469,7 @@ ul {
/*圆角值,在此定义*/ /*圆角值,在此定义*/
border-radius: 8px; border-radius: 8px;
} }
/*迷幻紫*/ /*迷幻紫*/
#mhz { #mhz {
@@ -566,11 +586,13 @@ darkb-text:active {
box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%); box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%);
display: inline; display: inline;
} }
.link-title { .link-title {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
margin-bottom: 10px; margin-bottom: 10px;
} }
h3.diy-h3 { h3.diy-h3 {
font-size: rem; font-size: rem;
cursor: pointer; cursor: pointer;
@@ -579,10 +601,12 @@ h3.diy-h3 {
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 5px; margin-bottom: 5px;
} }
.a-archives { .a-archives {
margin-top: 10px; margin-top: 10px;
display: inline-block; display: inline-block;
} }
.articles_date_time { .articles_date_time {
padding: 3px 5px; padding: 3px 5px;
font-size: 12px; font-size: 12px;
@@ -592,8 +616,10 @@ h3.diy-h3 {
color: #324b64; color: #324b64;
margin-right: 5px; margin-right: 5px;
} }
/*友链*/ /*友链*/
.link_box,.link_marks{ .link_box,
.link_marks {
float: left; float: left;
padding-right: 5px; padding-right: 5px;
} }
@@ -604,94 +630,117 @@ h3.diy-h3 {
margin-left: -28.6px; margin-left: -28.6px;
margin-top: -2px; margin-top: -2px;
} }
/*comments*/ /*comments*/
.comments-area { .comments-area {
/*padding-top: 25px;*/ /*padding-top: 25px;*/
/*border-top: 1px solid #eaeaea;*/ /*border-top: 1px solid #eaeaea;*/
margin-top: 25px; margin-top: 25px;
} }
.comments-area ol { .comments-area ol {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.comments-area .comment-body { .comments-area .comment-body {
border-bottom: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.comment-meta { .comment-meta {
margin-bottom: 16px; margin-bottom: 16px;
} }
.comment-meta a { .comment-meta a {
text-decoration: none; text-decoration: none;
} }
.comment-author { .comment-author {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.comment-author img { .comment-author img {
border-radius: 50%; border-radius: 50%;
} }
.comment-author a { .comment-author a {
color: #303135; color: #303135;
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
} }
.comment-metadata time { .comment-metadata time {
color: gray; color: gray;
font-size: 12px; font-size: 12px;
} }
.comment-reply-title { .comment-reply-title {
margin: 10px 0 5px; margin: 10px 0 5px;
} }
.comment-respond input { .comment-respond input {
width: 100%; width: 100%;
} }
.site-footer { .site-footer {
border-top: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4;
padding: 10px 0; padding: 10px 0;
font-size: 13px; font-size: 13px;
} }
.site-footer a { .site-footer a {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
text-decoration: none; text-decoration: none;
} }
.comment-form-author { .comment-form-author {
width: 48%; width: 48%;
float: right; float: right;
/*margin-right: 5%;*/ /*margin-right: 5%;*/
} }
.comment-form-email { .comment-form-email {
width: 48%; width: 48%;
float: left; float: left;
} }
.comment-form-url { .comment-form-url {
width: 100%; width: 100%;
float: right; float: right;
} }
.comment-list li ol li { .comment-list li ol li {
padding-left: 1rem; padding-left: 1rem;
} }
.reply { .reply {
margin-top: 16px; margin-top: 16px;
} }
.page-navigator { .page-navigator {
display: flex; display: flex;
width: 100%; width: 100%;
margin: 1rem 0; margin: 1rem 0;
} }
.page-navigator li { .page-navigator li {
display: none; display: none;
} }
.page-navigator .prev { .page-navigator .prev {
display: block; display: block;
flex: 1; flex: 1;
} }
.page-navigator .next { .page-navigator .next {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.foot_bar { .foot_bar {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
@@ -699,6 +748,7 @@ h3.diy-h3 {
bottom: 2rem; bottom: 2rem;
display: grid; display: grid;
} }
.foot_bar_items { .foot_bar_items {
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
@@ -709,6 +759,7 @@ h3.diy-h3 {
align-items: center; align-items: center;
margin: .5rem 0; margin: .5rem 0;
} }
.changeMode { .changeMode {
background-color: #eee; background-color: #eee;
height: calc(26px*1); height: calc(26px*1);
@@ -716,6 +767,7 @@ h3.diy-h3 {
border-radius: calc(100px*1); border-radius: calc(100px*1);
display: inline-block; display: inline-block;
} }
.toggle-dark-mode-ignore { .toggle-dark-mode-ignore {
position: absolute; position: absolute;
width: 50%; width: 50%;
@@ -727,6 +779,7 @@ h3.diy-h3 {
display: inline-block; display: inline-block;
left: 0; left: 0;
} }
.dark-mode-ignore { .dark-mode-ignore {
width: 74%; width: 74%;
position: absolute; position: absolute;
@@ -737,6 +790,7 @@ h3.diy-h3 {
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.switch-light-text { .switch-light-text {
font-size: calc(12px*1); font-size: calc(12px*1);
font-weight: 500; font-weight: 500;
@@ -744,6 +798,7 @@ h3.diy-h3 {
margin: 0; margin: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.switch-dark-text { .switch-dark-text {
font-size: calc(12px*1); font-size: calc(12px*1);
font-weight: 500; font-weight: 500;
@@ -752,7 +807,9 @@ h3.diy-h3 {
padding-bottom: 0; padding-bottom: 0;
opacity: .5; opacity: .5;
} }
img.biaoqing[src*="qutu"], img.biaoqing[src*="huaji"] {
img.biaoqing[src*="qutu"],
img.biaoqing[src*="huaji"] {
width: auto; width: auto;
height: auto; height: auto;
max-height: 5rem; max-height: 5rem;
@@ -763,22 +820,48 @@ label {
font-size: 13px; font-size: 13px;
color: #9e9e9e; color: #9e9e9e;
} }
textarea { textarea {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
} }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666; color: #666;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 3px; border-radius: 3px;
padding: 8px; padding: 8px;
} }
button, input, optgroup, select, textarea {
button,
input,
optgroup,
select,
textarea {
color: inherit; color: inherit;
font: inherit; font: inherit;
margin: 0; margin: 0;
} }
button, input[type=button], input[type=reset], input[type=submit] {
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid; border: 1px solid;
border-color: #000 #000 #000; border-color: #000 #000 #000;
border-radius: 3px; border-radius: 3px;
@@ -798,74 +881,98 @@ button, input[type=button], input[type=reset], input[type=submit] {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
word-break: break-all; word-break: break-all;
} }
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .navigation:before, .navigation:after {
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.navigation:before,
.navigation:after {
content: ""; content: "";
display: table; display: table;
table-layout: fixed; table-layout: fixed;
} }
.clear:after, .entry-content:after, .wrapper:after, .navigation:after {
.clear:after,
.entry-content:after,
.wrapper:after,
.navigation:after {
clear: both; clear: both;
} }
.site-header { .site-header {
padding: 25px 0; padding: 25px 0;
} }
.site-branding { .site-branding {
float: left; float: left;
padding-top: 20px; padding-top: 20px;
} }
.site-title { .site-title {
margin: 0; margin: 0;
line-height: 1; line-height: 1;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
.site-title a { .site-title a {
text-decoration: none; text-decoration: none;
color: #2d2e33; color: #2d2e33;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
#site-navigation { #site-navigation {
display: block; display: block;
float: right; float: right;
} }
#site-menu { #site-menu {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
} }
#site-menu li { #site-menu li {
float: left; float: left;
position: relative; position: relative;
} }
#site-menu li a { #site-menu li a {
display: block; display: block;
text-decoration: none; text-decoration: none;
color: #525252; color: #525252;
padding: 20px 0 20px 30px; padding: 20px 0 20px 30px;
} }
.site-content { .site-content {
margin-bottom: 50px; margin-bottom: 50px;
} }
.archives__heading { .archives__heading {
font-size: 24px; font-size: 24px;
margin-top: 0; margin-top: 0;
margin-bottom: 25px; margin-bottom: 25px;
} }
.archives__list { .archives__list {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.archives__list li { .archives__list li {
padding: 5px 0; padding: 5px 0;
font-size: 14px; font-size: 14px;
} }
.archives__list li a { .archives__list li a {
max-width: 50%; max-width: 50%;
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
} }
.archives__list li span { .archives__list li span {
color: #a9a9a9; color: #a9a9a9;
max-width: 50%; max-width: 50%;
@@ -877,13 +984,16 @@ button, input[type=button], input[type=reset], input[type=submit] {
.entry-header { .entry-header {
margin-bottom: 32px; margin-bottom: 32px;
} }
.entry-title { .entry-title {
font-size: 30px; font-size: 30px;
margin: 0; margin: 0;
} }
.entry-content p { .entry-content p {
font-size: 14px; font-size: 14px;
} }
.entry-content img { .entry-content img {
clear: both; clear: both;
display: block; display: block;
@@ -891,12 +1001,15 @@ font-size: 14px;
margin-right: auto; margin-right: auto;
border-radius: 5px; border-radius: 5px;
} }
#showResult { #showResult {
margin-top: 1rem; margin-top: 1rem;
} }
#showResult .biaoqing { #showResult .biaoqing {
width: 24px; width: 24px;
} }
/*owo表情*/ /*owo表情*/
.biaoqing[src*="bqb"] { .biaoqing[src*="bqb"] {
width: 77px; width: 77px;
@@ -904,7 +1017,8 @@ font-size: 14px;
} }
.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] { .OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] {
max-width: calc(50% - 10px);; max-width: calc(50% - 10px);
;
} }
.biaoqing { .biaoqing {
@@ -912,10 +1026,12 @@ font-size: 14px;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*友圈微调*/ /*友圈微调*/
.cf-article[data-v-56cae500] { .cf-article[data-v-56cae500] {
border: 1px solid #43464A !important; border: 1px solid #43464A !important;
} }
/*评论头衔*/ /*评论头衔*/
.badge-xztx { .badge-xztx {
margin-left: .2rem; margin-left: .2rem;
@@ -927,6 +1043,7 @@ font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: .8rem; line-height: .8rem;
} }
.visitor { .visitor {
margin-left: .2rem; margin-left: .2rem;
background-color: #939393; background-color: #939393;
@@ -937,11 +1054,13 @@ font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: .8rem; line-height: .8rem;
} }
/*评论取消按钮*/ /*评论取消按钮*/
#cancel-huifu { #cancel-huifu {
position: relative; position: relative;
left: 190px; left: 190px;
} }
/*评论提醒*/ /*评论提醒*/
.pl-img { .pl-img {
width: 40px; width: 40px;
@@ -949,6 +1068,7 @@ font-size: 14px;
border-radius: 0px; border-radius: 0px;
animation: fade-in .65s ease-in none; animation: fade-in .65s ease-in none;
} }
.massage-container { .massage-container {
/*display: flex;*/ /*display: flex;*/
height: 100%; height: 100%;
@@ -994,6 +1114,7 @@ font-size: 14px;
width: 350px; width: 350px;
border-radius: 6px; border-radius: 6px;
} }
100% { 100% {
width: 300px; width: 300px;
border-radius: 4px; border-radius: 4px;
@@ -1007,10 +1128,12 @@ font-size: 14px;
0% { 0% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: .8; opacity: .8;
} }
} }
/*新文章提醒样式*/ /*新文章提醒样式*/
.new-post-message { .new-post-message {
content: ''; content: '';
@@ -1022,6 +1145,7 @@ font-size: 14px;
vertical-align: middle; vertical-align: middle;
margin-left: 5px; margin-left: 5px;
} }
/*文章图片懒加载*/ /*文章图片懒加载*/
.load-img { .load-img {
width: 100%; width: 100%;
@@ -1029,37 +1153,70 @@ font-size: 14px;
background-color: #CCCCCC; background-color: #CCCCCC;
display: block; display: block;
} }
/*模糊加载动画*/ /*模糊加载动画*/
@-webkit-keyframes blur { @-webkit-keyframes blur {
0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } 0% {
50% { -webkit-filter: blur(50px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } -webkit-filter: blur(10px);
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
} }
50% {
-webkit-filter: blur(50px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
100% {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
}
.lazy-img { .lazy-img {
-webkit-animation-name: blur; /*动画名称*/ -webkit-animation-name: blur;
-webkit-animation-duration: 2s; /*动画持续时间*/ /*动画名称*/
-webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-duration: 2s;
-webkit-animation-delay: 0s; /*延迟时间*/ /*动画持续时间*/
-webkit-animation-iteration-count: 1;
/*动画次数*/
-webkit-animation-delay: 0s;
/*延迟时间*/
} }
.blog-img { .blog-img {
-webkit-animation-name: blur; /*动画名称*/ -webkit-animation-name: blur;
-webkit-animation-duration: 1s; /*动画持续时间*/ /*动画名称*/
-webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-duration: 1s;
-webkit-animation-delay: 0s; /*延迟时间*/ /*动画持续时间*/
-webkit-animation-iteration-count: 1;
/*动画次数*/
-webkit-animation-delay: 0s;
/*延迟时间*/
} }
/*弹幕相关css*/ /*弹幕相关css*/
.container { .container {
text-align: initial !important; text-align: initial !important;
} }
.dm-biaoqing[src*="bqb"] { .dm-biaoqing[src*="bqb"] {
width: 37px; width: 37px;
display: inline; display: inline;
} }
.dm-biaoqing { .dm-biaoqing {
width: 36px; width: 36px;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*wechat样式*/ /*wechat样式*/
@font-face { @font-face {
font-family: 'Color Emoji'; font-family: 'Color Emoji';
@@ -1267,32 +1424,39 @@ font-size: 14px;
.qmbox .reply+.quote { .qmbox .reply+.quote {
margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset));
} }
.message-text img { .message-text img {
width: 25px !important; width: 25px !important;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
.reply-text img { .reply-text img {
width: 25px !important; width: 25px !important;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*鱼塘*/ /*鱼塘*/
#random-post { #random-post {
min-height: 32px; min-height: 32px;
} }
.random-friends-post { .random-friends-post {
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
padding: 0 4px; padding: 0 4px;
} }
.random-friends-post:hover { .random-friends-post:hover {
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
} }
.random-post-start { .random-post-start {
transition: 2s; transition: 2s;
} }
#random-post { #random-post {
min-height: 32px; min-height: 32px;
border-radius: 12px; border-radius: 12px;
@@ -1317,14 +1481,18 @@ font-size: 14px;
justify-content: space-between; justify-content: space-between;
box-shadow: var(--heo-shadow-border); box-shadow: var(--heo-shadow-border);
} }
.cf-article-item[data-v-56cae500] { .cf-article-item[data-v-56cae500] {
width: 50% !important; width: 50% !important;
} }
.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] {
.cf-article-author[data-v-56cae500],
.cf-img-avatar[data-v-56cae500] {
align-self: center; align-self: center;
text-align: center; text-align: center;
transition: .3s; transition: .3s;
} }
.cf-img-avatar[data-v-56cae500] { .cf-img-avatar[data-v-56cae500] {
display: inline-block !important; display: inline-block !important;
position: absolute; position: absolute;
@@ -1337,6 +1505,7 @@ font-size: 14px;
right: -20px; right: -20px;
bottom: -20px; bottom: -20px;
} }
.cf-article-title[data-v-56cae500] { .cf-article-title[data-v-56cae500] {
font-weight: 500; font-weight: 500;
position: relative; position: relative;
@@ -1357,6 +1526,7 @@ font-size: 14px;
display: -webkit-box !important; display: -webkit-box !important;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.cf-article-time[data-v-56cae500] { .cf-article-time[data-v-56cae500] {
font-size: 12px; font-size: 12px;
text-align: right; text-align: right;
@@ -1366,6 +1536,7 @@ font-size: 14px;
margin-left: auto; margin-left: auto;
z-index: 1; z-index: 1;
} }
.cf-article-author[data-v-56cae500] { .cf-article-author[data-v-56cae500] {
line-height: 1; line-height: 1;
font-size: 14px; font-size: 14px;
@@ -1382,15 +1553,20 @@ font-size: 14px;
/*display: flex;*/ /*display: flex;*/
align-items: center; align-items: center;
} }
.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] {
.cf-article-author[data-v-56cae500],
.cf-img-avatar[data-v-56cae500] {
align-self: center; align-self: center;
text-align: center; text-align: center;
transition: .3s; transition: .3s;
} }
#cf-footer[data-v-56cae500], #cf-more[data-v-56cae500] {
#cf-footer[data-v-56cae500],
#cf-more[data-v-56cae500] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#cf-footer[data-v-56cae500] { #cf-footer[data-v-56cae500] {
width: 100%; width: 100%;
margin-top: .5rem; margin-top: .5rem;
@@ -1398,6 +1574,7 @@ font-size: 14px;
color: var(--pyq-secondtext); color: var(--pyq-secondtext);
} }
} }
@media screen and (max-width: 1400px) { @media screen and (max-width: 1400px) {
.cf-article-item[data-v-56cae500] { .cf-article-item[data-v-56cae500] {
width: 100%; width: 100%;
@@ -1409,11 +1586,15 @@ font-size: 14px;
width: 100% !important; width: 100% !important;
} }
} }
.lazyload { .lazyload {
width: 100%; width: 100%;
} }
/* 设置进度条的背景色 */ /* 设置进度条的背景色 */
.bar{background:#2aae67!important;} .bar {
background: #2aae67 !important;
}
/* 友联样式 */ /* 友联样式 */
@@ -1433,21 +1614,25 @@ font-size: 14px;
display: block; display: block;
width: 47%; width: 47%;
padding: 8px; padding: 8px;
box-sizing: border-box; /* 包括padding和border在内计算宽度 */ box-sizing: border-box;
/* 包括padding和border在内计算宽度 */
} }
/* 移动端样式调整 */ /* 移动端样式调整 */
@media (max-width: 768px) { @media (max-width: 768px) {
.link-list a { .link-list a {
width: 100%; /* 在小屏幕上占据整个宽度 */ width: 100%;
padding: 12px; /* 在小屏幕上增加内边距 */ /* 在小屏幕上占据整个宽度 */
padding: 12px;
/* 在小屏幕上增加内边距 */
} }
} }
/* 更小屏幕的样式调整 */ /* 更小屏幕的样式调整 */
@media (max-width: 480px) { @media (max-width: 480px) {
.link-list a { .link-list a {
padding: 15px; /* 在更小的屏幕上增加内边距 */ padding: 15px;
/* 在更小的屏幕上增加内边距 */
} }
} }
@@ -1479,3 +1664,33 @@ font-size: 14px;
margin-top: .2em; margin-top: .2em;
color: #757e91 color: #757e91
} }
/* 评论系统css调整 */
:root {
--waline-border: none;
--waline-box-shadow: 0 12px 40px rgb(134 151 168 / 25%);
/* 主题色 */
--waline-theme-color: #000000 !important;
--waline-active-color: #000000 !important;
}
@media (prefers-color-scheme: dark) {
body {
--waline-box-shadow: 0 12px 40px #0f0e0d;
}
}
#wl-nick,#wl-mail,#wl-link{
border: 0px solid #ccc!important;
}
.wl-panel {
margin: 0em!important;
}
.wl-editor, .wl-input {
max-width: 96%important;
}
+20 -3
View File
@@ -13,6 +13,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -20,8 +21,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -119,7 +118,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -135,6 +135,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+2 -1
View File
@@ -154,7 +154,6 @@
}); });
// pjax执行动画开始 // pjax执行动画开始
NProgress.start(); //加载动画效果开始 NProgress.start(); //加载动画效果开始
}); });
// Pjax 成功后,重新加载下面的函数 // Pjax 成功后,重新加载下面的函数
document.addEventListener("pjax:success", function () { document.addEventListener("pjax:success", function () {
@@ -183,4 +182,6 @@
scrollImg: true scrollImg: true
}); });
}); });
// pjax完成后加载 waline
initWaline();
}); });
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -253,7 +252,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -269,6 +269,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+23 -4
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -62,7 +61,7 @@
<div id="pjax-container"> <div id="pjax-container">
<article> <article style="margin-bottom: 3.5em;">
<h1 class="post-title" itemprop="name headline">Demo01</h1> <h1 class="post-title" itemprop="name headline">Demo01</h1>
<div class="meta"> <div class="meta">
作者: 小赵同学 浏览: 字数: 111 分类: 作者: 小赵同学 浏览: 字数: 111 分类:
@@ -80,8 +79,10 @@
</nav> </nav>
</div> </div>
</article> </article>
<hr class="uk-divider-icon">
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<div id="waline"></div>
</div> </div>
</div> </div>
@@ -93,7 +94,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -109,6 +111,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+23 -4
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -62,7 +61,7 @@
<div id="pjax-container"> <div id="pjax-container">
<article> <article style="margin-bottom: 3.5em;">
<h1 class="post-title" itemprop="name headline">Demo03</h1> <h1 class="post-title" itemprop="name headline">Demo03</h1>
<div class="meta"> <div class="meta">
作者: 小赵同学 浏览: 字数: 3 分类: 作者: 小赵同学 浏览: 字数: 3 分类:
@@ -82,8 +81,10 @@
</nav> </nav>
</div> </div>
</article> </article>
<hr class="uk-divider-icon">
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<div id="waline"></div>
</div> </div>
</div> </div>
@@ -95,7 +96,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -111,6 +113,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+21 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -81,6 +80,7 @@
</article> </article>
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<div id="waline"></div>
</div> </div>
</div> </div>
@@ -92,7 +92,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -108,6 +109,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -109,7 +108,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -125,6 +125,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+23 -4
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -62,7 +61,7 @@
<div id="pjax-container"> <div id="pjax-container">
<article> <article style="margin-bottom: 3.5em;">
<h1 class="post-title" itemprop="name headline">My First Post</h1> <h1 class="post-title" itemprop="name headline">My First Post</h1>
<div class="meta"> <div class="meta">
作者: 小赵同学 浏览: 字数: 1 分类: 作者: 小赵同学 浏览: 字数: 1 分类:
@@ -79,8 +78,10 @@
</nav> </nav>
</div> </div>
</article> </article>
<hr class="uk-divider-icon">
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<div id="waline"></div>
</div> </div>
</div> </div>
@@ -92,7 +93,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -108,6 +110,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+21 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -81,6 +80,7 @@
</article> </article>
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<div id="waline"></div>
</div> </div>
</div> </div>
@@ -92,7 +92,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -108,6 +109,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -85,7 +84,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -101,6 +101,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+20 -3
View File
@@ -12,6 +12,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -19,8 +20,6 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
</head> </head>
<body> <body>
@@ -84,7 +83,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -100,6 +100,23 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
window.walineInit = walineInit;
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+31
View File
@@ -1,5 +1,36 @@
{{ define "main" }} {{ define "main" }}
<div id="pjax-container"> <div id="pjax-container">
<h2 id="">留言板 </h2>
<div id="qm_con_body">
<div id="mailContentContainer" class="qmbox qm_con_body_content qqmail_webmail_only" style="opacity: 1;">
<div class="container g-width" style="height: 458.667;margin-top: 0px;">
<header class="date g-width g-inline-center">
<time> <span class="uk-visible@s">评论于<a href="">《》</a></span></time>
</header>
<section class="dialog g-width g-clear-both">
<div class="bubble g-right reply">
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
<div style="text-align: right;line-height: 2rem;font-size: 11px;color:#727272"></div>
</a>
<span class="bubble-text g-left reply-text"></span>
<img class="bubble-avatar g-right" src="" loading="lazy" draggable="false" no-view>
</div>
<div class="bubble g-left message">
<a href="" target="_blank" rel="noopener" style="color: inherit;text-decoration: none;">
<div style="line-height: 2rem;font-size: 11px;color:#727272"></div>
</a>
<img class="bubble-avatar g-left" src="" loading="lazy" draggable="false" no-view>
<span class="bubble-text g-right message-text"></span>
</div>
</section>
</div>
</div>
</div>
<div class="post-content" itemprop="articleBody"> <div class="post-content" itemprop="articleBody">
{{ .Content }} {{ .Content }}
</div> </div>
+5 -6
View File
@@ -1,9 +1,10 @@
{{ define "main" }} {{ define "main" }}
<div id="pjax-container"> <div id="pjax-container">
<article> <article style="margin-bottom: 3.5em;">
<h1 class="post-title" itemprop="name headline">{{ .Title }}</h1> <h1 class="post-title" itemprop="name headline">{{ .Title }}</h1>
<div class="meta"> <div class="meta">
作者: 小赵同学 浏览: {{ .Params.views }} 字数: {{ .WordCount }} 分类: {{ range .Params.categories }}<a href="{{ .Permalink }}">{{ . }}</a>{{ end }} 作者: 小赵同学 浏览: {{ .Params.views }} 字数: {{ .WordCount }} 分类: {{ range .Params.categories }}<a
href="{{ .Permalink }}">{{ . }}</a>{{ end }}
</div> </div>
<div class="post-content" itemprop="articleBody"> <div class="post-content" itemprop="articleBody">
{{ .Content }} {{ .Content }}
@@ -16,12 +17,10 @@
</nav> </nav>
</div> </div>
</article> </article>
<hr class="uk-divider-icon">
<div id="comments" class="comments-area"> <div id="comments" class="comments-area">
<!-- 评论区内容 --> <!-- 评论区内容 -->
<div id="waline"></div>
</div> </div>
</div> </div>
{{ end }} {{ end }}
+19 -1
View File
@@ -4,7 +4,8 @@
<br> <br>
<a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a> <a href="https://beian.miit.gov.cn/" target="_blank"><span style="color:#999999;">鄂ICP备2022015735号-1</span></a>
<br> <br>
本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云" style="display:inline-block;text-decoration:none;height:20px;line-height:20px;"> 本站由<a href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral" target="blank" title="又拍云"
style="display:inline-block;text-decoration:none;height:20px;line-height:20px;">
<span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span> <span style="color: var(--contentColor);font-weight: 700;">又拍云CDN</span>
</a>提供CDN加速服务 </a>提供CDN加速服务
<br> <br>
@@ -20,5 +21,22 @@
<script src="/js/main.js"></script> <script src="/js/main.js"></script>
<script src="/js/mypjax.js"></script> <script src="/js/mypjax.js"></script>
<script src="/js/nprogress.js"></script> <script src="/js/nprogress.js"></script>
<!-- 加载 Waline 和 PJAX -->
<script type="module">
import { init as walineInit } from 'https://unpkg.com/@waline/client@v3/dist/waline.js';
// 将 walineInit 赋值给全局变量
window.walineInit = walineInit;
// 定义全局的 initWaline 函数
window.initWaline = function() {
walineInit({
el: '#waline',
serverURL: 'https://waline.usj.cc',
});
};
</script>
</body> </body>
</html> </html>
+1 -1
View File
@@ -8,6 +8,7 @@
<link rel="stylesheet" href="/css/remixicon.css"> <link rel="stylesheet" href="/css/remixicon.css">
<link rel="stylesheet" href="/css/uikit.min.css"> <link rel="stylesheet" href="/css/uikit.min.css">
<link rel="stylesheet" href="/css/nprogress.min.css"> <link rel="stylesheet" href="/css/nprogress.min.css">
<link rel="stylesheet" href="https://unpkg.com/@waline/client@v3/dist/waline.css" />
<script src="/js/jquery.min.js"></script> <script src="/js/jquery.min.js"></script>
<script src="/js/jquery.scrollUp.min.js"></script> <script src="/js/jquery.scrollUp.min.js"></script>
<script src="/js/pjax.js"></script> <script src="/js/pjax.js"></script>
@@ -15,4 +16,3 @@
<meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," /> <meta name="keywords" content="大学,教程,blog,优世界,优设计,博客,大学生博客,生活,文案," />
<meta name="template" content="Ying" /> <meta name="template" content="Ying" />
</head> </head>
+249 -34
View File
@@ -55,7 +55,6 @@ img {
border-radius: 5px; border-radius: 5px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
vertical-align: middle vertical-align: middle
} }
.icon { .icon {
@@ -113,7 +112,8 @@ table th {
background-color: #f6f8fa; background-color: #f6f8fa;
} }
table th, table td { table th,
table td {
padding: 10px 20px; padding: 10px 20px;
border: 1px solid #dfe2e5; border: 1px solid #dfe2e5;
} }
@@ -127,7 +127,8 @@ blockquote {
word-break: break-all; word-break: break-all;
} }
a, a:hover { a,
a:hover {
color: #24292e; color: #24292e;
text-decoration: none text-decoration: none
} }
@@ -136,7 +137,12 @@ a:hover {
text-decoration: underline text-decoration: underline
} }
h1, h2, h3, h4, h5, h6 { h1,
h2,
h3,
h4,
h5,
h6 {
line-height: 1.2; line-height: 1.2;
font-weight: 400; font-weight: 400;
} }
@@ -153,7 +159,9 @@ h3 {
font-size: 1.25rem; font-size: 1.25rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
font-size: 1.125rem; font-size: 1.125rem;
} }
@@ -375,7 +383,9 @@ ul {
font-size: 1.125rem; font-size: 1.125rem;
} }
h4, h5, h6 { h4,
h5,
h6 {
font-size: 1rem; font-size: 1rem;
} }
@@ -400,33 +410,41 @@ ul {
.highlight pre::-webkit-scrollbar { .highlight pre::-webkit-scrollbar {
display: none; display: none;
} }
.comment-form-author { .comment-form-author {
width: 45% !important; width: 45% !important;
float: right; float: right;
/*margin-right: 5%;*/ /*margin-right: 5%;*/
} }
.comment-form-email { .comment-form-email {
width: 45% !important; width: 45% !important;
float: left; float: left;
} }
#cancel-huifu { #cancel-huifu {
position: relative; position: relative;
left: 53px !important; left: 53px !important;
} }
.header img { .header img {
width: 75px !important; width: 75px !important;
height: 75px !important; height: 75px !important;
} }
.site-description { .site-description {
margin-top: 10px !important; margin-top: 10px !important;
} }
.itp-index { .itp-index {
width: 100% !important; width: 100% !important;
} }
#scrollUp { #scrollUp {
right: 35px !important; right: 35px !important;
} }
} }
/*回到顶部*/ /*回到顶部*/
#scrollUp { #scrollUp {
@@ -438,7 +456,8 @@ ul {
border-radius: 50%; border-radius: 50%;
background-repeat: no-repeat; background-repeat: no-repeat;
background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg); background-image: url(https://pan.usj.cc/d/%F0%9F%A7%B0%E6%96%87%E4%BB%B6/uptop.svg);
background-position: center center; /* 将背景图像居中对齐 */ background-position: center center;
/* 将背景图像居中对齐 */
color: #fff; color: #fff;
} }
@@ -450,6 +469,7 @@ ul {
/*圆角值,在此定义*/ /*圆角值,在此定义*/
border-radius: 8px; border-radius: 8px;
} }
/*迷幻紫*/ /*迷幻紫*/
#mhz { #mhz {
@@ -566,11 +586,13 @@ darkb-text:active {
box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%); box-shadow: inset 0 -7px 0 0 rgb(52 58 64 / 10%);
display: inline; display: inline;
} }
.link-title { .link-title {
text-align: center; text-align: center;
margin-top: 15px; margin-top: 15px;
margin-bottom: 10px; margin-bottom: 10px;
} }
h3.diy-h3 { h3.diy-h3 {
font-size: rem; font-size: rem;
cursor: pointer; cursor: pointer;
@@ -579,10 +601,12 @@ h3.diy-h3 {
margin-top: 0.5em; margin-top: 0.5em;
margin-bottom: 5px; margin-bottom: 5px;
} }
.a-archives { .a-archives {
margin-top: 10px; margin-top: 10px;
display: inline-block; display: inline-block;
} }
.articles_date_time { .articles_date_time {
padding: 3px 5px; padding: 3px 5px;
font-size: 12px; font-size: 12px;
@@ -592,8 +616,10 @@ h3.diy-h3 {
color: #324b64; color: #324b64;
margin-right: 5px; margin-right: 5px;
} }
/*友链*/ /*友链*/
.link_box,.link_marks{ .link_box,
.link_marks {
float: left; float: left;
padding-right: 5px; padding-right: 5px;
} }
@@ -604,94 +630,117 @@ h3.diy-h3 {
margin-left: -28.6px; margin-left: -28.6px;
margin-top: -2px; margin-top: -2px;
} }
/*comments*/ /*comments*/
.comments-area { .comments-area {
/*padding-top: 25px;*/ /*padding-top: 25px;*/
/*border-top: 1px solid #eaeaea;*/ /*border-top: 1px solid #eaeaea;*/
margin-top: 25px; margin-top: 25px;
} }
.comments-area ol { .comments-area ol {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.comments-area .comment-body { .comments-area .comment-body {
border-bottom: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4;
padding-bottom: 20px; padding-bottom: 20px;
margin-bottom: 20px; margin-bottom: 20px;
} }
.comment-meta { .comment-meta {
margin-bottom: 16px; margin-bottom: 16px;
} }
.comment-meta a { .comment-meta a {
text-decoration: none; text-decoration: none;
} }
.comment-author { .comment-author {
display: flex; display: flex;
align-items: center; align-items: center;
} }
.comment-author img { .comment-author img {
border-radius: 50%; border-radius: 50%;
} }
.comment-author a { .comment-author a {
color: #303135; color: #303135;
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
font-size: 16px; font-size: 16px;
} }
.comment-metadata time { .comment-metadata time {
color: gray; color: gray;
font-size: 12px; font-size: 12px;
} }
.comment-reply-title { .comment-reply-title {
margin: 10px 0 5px; margin: 10px 0 5px;
} }
.comment-respond input { .comment-respond input {
width: 100%; width: 100%;
} }
.site-footer { .site-footer {
border-top: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4;
padding: 10px 0; padding: 10px 0;
font-size: 13px; font-size: 13px;
} }
.site-footer a { .site-footer a {
color: rgb(0, 0, 0); color: rgb(0, 0, 0);
text-decoration: none; text-decoration: none;
} }
.comment-form-author { .comment-form-author {
width: 48%; width: 48%;
float: right; float: right;
/*margin-right: 5%;*/ /*margin-right: 5%;*/
} }
.comment-form-email { .comment-form-email {
width: 48%; width: 48%;
float: left; float: left;
} }
.comment-form-url { .comment-form-url {
width: 100%; width: 100%;
float: right; float: right;
} }
.comment-list li ol li { .comment-list li ol li {
padding-left: 1rem; padding-left: 1rem;
} }
.reply { .reply {
margin-top: 16px; margin-top: 16px;
} }
.page-navigator { .page-navigator {
display: flex; display: flex;
width: 100%; width: 100%;
margin: 1rem 0; margin: 1rem 0;
} }
.page-navigator li { .page-navigator li {
display: none; display: none;
} }
.page-navigator .prev { .page-navigator .prev {
display: block; display: block;
flex: 1; flex: 1;
} }
.page-navigator .next { .page-navigator .next {
display: flex; display: flex;
justify-content: flex-end; justify-content: flex-end;
} }
.foot_bar { .foot_bar {
z-index: 999; z-index: 999;
position: fixed; position: fixed;
@@ -699,6 +748,7 @@ h3.diy-h3 {
bottom: 2rem; bottom: 2rem;
display: grid; display: grid;
} }
.foot_bar_items { .foot_bar_items {
line-height: 24px; line-height: 24px;
text-align: center; text-align: center;
@@ -709,6 +759,7 @@ h3.diy-h3 {
align-items: center; align-items: center;
margin: .5rem 0; margin: .5rem 0;
} }
.changeMode { .changeMode {
background-color: #eee; background-color: #eee;
height: calc(26px*1); height: calc(26px*1);
@@ -716,6 +767,7 @@ h3.diy-h3 {
border-radius: calc(100px*1); border-radius: calc(100px*1);
display: inline-block; display: inline-block;
} }
.toggle-dark-mode-ignore { .toggle-dark-mode-ignore {
position: absolute; position: absolute;
width: 50%; width: 50%;
@@ -727,6 +779,7 @@ h3.diy-h3 {
display: inline-block; display: inline-block;
left: 0; left: 0;
} }
.dark-mode-ignore { .dark-mode-ignore {
width: 74%; width: 74%;
position: absolute; position: absolute;
@@ -737,6 +790,7 @@ h3.diy-h3 {
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
} }
.switch-light-text { .switch-light-text {
font-size: calc(12px*1); font-size: calc(12px*1);
font-weight: 500; font-weight: 500;
@@ -744,6 +798,7 @@ h3.diy-h3 {
margin: 0; margin: 0;
padding-bottom: 0; padding-bottom: 0;
} }
.switch-dark-text { .switch-dark-text {
font-size: calc(12px*1); font-size: calc(12px*1);
font-weight: 500; font-weight: 500;
@@ -752,7 +807,9 @@ h3.diy-h3 {
padding-bottom: 0; padding-bottom: 0;
opacity: .5; opacity: .5;
} }
img.biaoqing[src*="qutu"], img.biaoqing[src*="huaji"] {
img.biaoqing[src*="qutu"],
img.biaoqing[src*="huaji"] {
width: auto; width: auto;
height: auto; height: auto;
max-height: 5rem; max-height: 5rem;
@@ -763,22 +820,48 @@ label {
font-size: 13px; font-size: 13px;
color: #9e9e9e; color: #9e9e9e;
} }
textarea { textarea {
width: 100%; width: 100%;
overflow: auto; overflow: auto;
} }
input[type=text], input[type=email], input[type=url], input[type=password], input[type=search], input[type=number], input[type=tel], input[type=range], input[type=date], input[type=month], input[type=week], input[type=time], input[type=datetime], input[type=datetime-local], input[type=color], textarea {
input[type=text],
input[type=email],
input[type=url],
input[type=password],
input[type=search],
input[type=number],
input[type=tel],
input[type=range],
input[type=date],
input[type=month],
input[type=week],
input[type=time],
input[type=datetime],
input[type=datetime-local],
input[type=color],
textarea {
color: #666; color: #666;
border: 1px solid #ccc; border: 1px solid #ccc;
border-radius: 3px; border-radius: 3px;
padding: 8px; padding: 8px;
} }
button, input, optgroup, select, textarea {
button,
input,
optgroup,
select,
textarea {
color: inherit; color: inherit;
font: inherit; font: inherit;
margin: 0; margin: 0;
} }
button, input[type=button], input[type=reset], input[type=submit] {
button,
input[type=button],
input[type=reset],
input[type=submit] {
border: 1px solid; border: 1px solid;
border-color: #000 #000 #000; border-color: #000 #000 #000;
border-radius: 3px; border-radius: 3px;
@@ -798,74 +881,98 @@ button, input[type=button], input[type=reset], input[type=submit] {
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
word-break: break-all; word-break: break-all;
} }
.clear:before, .clear:after, .entry-content:before, .entry-content:after, .navigation:before, .navigation:after {
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.navigation:before,
.navigation:after {
content: ""; content: "";
display: table; display: table;
table-layout: fixed; table-layout: fixed;
} }
.clear:after, .entry-content:after, .wrapper:after, .navigation:after {
.clear:after,
.entry-content:after,
.wrapper:after,
.navigation:after {
clear: both; clear: both;
} }
.site-header { .site-header {
padding: 25px 0; padding: 25px 0;
} }
.site-branding { .site-branding {
float: left; float: left;
padding-top: 20px; padding-top: 20px;
} }
.site-title { .site-title {
margin: 0; margin: 0;
line-height: 1; line-height: 1;
font-size: 14px; font-size: 14px;
font-weight: 500; font-weight: 500;
} }
.site-title a { .site-title a {
text-decoration: none; text-decoration: none;
color: #2d2e33; color: #2d2e33;
font-size: 20px; font-size: 20px;
font-weight: bold; font-weight: bold;
} }
#site-navigation { #site-navigation {
display: block; display: block;
float: right; float: right;
} }
#site-menu { #site-menu {
list-style: none; list-style: none;
margin: 0; margin: 0;
padding-left: 0; padding-left: 0;
} }
#site-menu li { #site-menu li {
float: left; float: left;
position: relative; position: relative;
} }
#site-menu li a { #site-menu li a {
display: block; display: block;
text-decoration: none; text-decoration: none;
color: #525252; color: #525252;
padding: 20px 0 20px 30px; padding: 20px 0 20px 30px;
} }
.site-content { .site-content {
margin-bottom: 50px; margin-bottom: 50px;
} }
.archives__heading { .archives__heading {
font-size: 24px; font-size: 24px;
margin-top: 0; margin-top: 0;
margin-bottom: 25px; margin-bottom: 25px;
} }
.archives__list { .archives__list {
list-style: none; list-style: none;
padding: 0; padding: 0;
} }
.archives__list li { .archives__list li {
padding: 5px 0; padding: 5px 0;
font-size: 14px; font-size: 14px;
} }
.archives__list li a { .archives__list li a {
max-width: 50%; max-width: 50%;
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
} }
.archives__list li span { .archives__list li span {
color: #a9a9a9; color: #a9a9a9;
max-width: 50%; max-width: 50%;
@@ -877,13 +984,16 @@ button, input[type=button], input[type=reset], input[type=submit] {
.entry-header { .entry-header {
margin-bottom: 32px; margin-bottom: 32px;
} }
.entry-title { .entry-title {
font-size: 30px; font-size: 30px;
margin: 0; margin: 0;
} }
.entry-content p { .entry-content p {
font-size: 14px; font-size: 14px;
} }
.entry-content img { .entry-content img {
clear: both; clear: both;
display: block; display: block;
@@ -891,12 +1001,15 @@ font-size: 14px;
margin-right: auto; margin-right: auto;
border-radius: 5px; border-radius: 5px;
} }
#showResult { #showResult {
margin-top: 1rem; margin-top: 1rem;
} }
#showResult .biaoqing { #showResult .biaoqing {
width: 24px; width: 24px;
} }
/*owo表情*/ /*owo表情*/
.biaoqing[src*="bqb"] { .biaoqing[src*="bqb"] {
width: 77px; width: 77px;
@@ -904,7 +1017,8 @@ font-size: 14px;
} }
.OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] { .OwO .OwO-body .OwO-items-image .OwO-item[data-input*="bqb"] {
max-width: calc(50% - 10px);; max-width: calc(50% - 10px);
;
} }
.biaoqing { .biaoqing {
@@ -912,10 +1026,12 @@ font-size: 14px;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*友圈微调*/ /*友圈微调*/
.cf-article[data-v-56cae500] { .cf-article[data-v-56cae500] {
border: 1px solid #43464A !important; border: 1px solid #43464A !important;
} }
/*评论头衔*/ /*评论头衔*/
.badge-xztx { .badge-xztx {
margin-left: .2rem; margin-left: .2rem;
@@ -927,6 +1043,7 @@ font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: .8rem; line-height: .8rem;
} }
.visitor { .visitor {
margin-left: .2rem; margin-left: .2rem;
background-color: #939393; background-color: #939393;
@@ -937,11 +1054,13 @@ font-size: 14px;
font-weight: bold; font-weight: bold;
line-height: .8rem; line-height: .8rem;
} }
/*评论取消按钮*/ /*评论取消按钮*/
#cancel-huifu { #cancel-huifu {
position: relative; position: relative;
left: 190px; left: 190px;
} }
/*评论提醒*/ /*评论提醒*/
.pl-img { .pl-img {
width: 40px; width: 40px;
@@ -949,6 +1068,7 @@ font-size: 14px;
border-radius: 0px; border-radius: 0px;
animation: fade-in .65s ease-in none; animation: fade-in .65s ease-in none;
} }
.massage-container { .massage-container {
/*display: flex;*/ /*display: flex;*/
height: 100%; height: 100%;
@@ -994,6 +1114,7 @@ font-size: 14px;
width: 350px; width: 350px;
border-radius: 6px; border-radius: 6px;
} }
100% { 100% {
width: 300px; width: 300px;
border-radius: 4px; border-radius: 4px;
@@ -1007,10 +1128,12 @@ font-size: 14px;
0% { 0% {
opacity: 0; opacity: 0;
} }
100% { 100% {
opacity: .8; opacity: .8;
} }
} }
/*新文章提醒样式*/ /*新文章提醒样式*/
.new-post-message { .new-post-message {
content: ''; content: '';
@@ -1022,6 +1145,7 @@ font-size: 14px;
vertical-align: middle; vertical-align: middle;
margin-left: 5px; margin-left: 5px;
} }
/*文章图片懒加载*/ /*文章图片懒加载*/
.load-img { .load-img {
width: 100%; width: 100%;
@@ -1029,37 +1153,70 @@ font-size: 14px;
background-color: #CCCCCC; background-color: #CCCCCC;
display: block; display: block;
} }
/*模糊加载动画*/ /*模糊加载动画*/
@-webkit-keyframes blur { @-webkit-keyframes blur {
0% { -webkit-filter: blur(10px); /* Chrome, Opera */ -moz-filter: blur(10px); -ms-filter: blur(10px); filter: blur(10px); } 0% {
50% { -webkit-filter: blur(50px); -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); } -webkit-filter: blur(10px);
100% { -webkit-filter: blur(0px); -moz-filter: blur(0px); -ms-filter: blur(0px); filter: blur(0px); } /* Chrome, Opera */
-moz-filter: blur(10px);
-ms-filter: blur(10px);
filter: blur(10px);
} }
50% {
-webkit-filter: blur(50px);
-moz-filter: blur(5px);
-ms-filter: blur(5px);
filter: blur(5px);
}
100% {
-webkit-filter: blur(0px);
-moz-filter: blur(0px);
-ms-filter: blur(0px);
filter: blur(0px);
}
}
.lazy-img { .lazy-img {
-webkit-animation-name: blur; /*动画名称*/ -webkit-animation-name: blur;
-webkit-animation-duration: 2s; /*动画持续时间*/ /*动画名称*/
-webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-duration: 2s;
-webkit-animation-delay: 0s; /*延迟时间*/ /*动画持续时间*/
-webkit-animation-iteration-count: 1;
/*动画次数*/
-webkit-animation-delay: 0s;
/*延迟时间*/
} }
.blog-img { .blog-img {
-webkit-animation-name: blur; /*动画名称*/ -webkit-animation-name: blur;
-webkit-animation-duration: 1s; /*动画持续时间*/ /*动画名称*/
-webkit-animation-iteration-count: 1; /*动画次数*/ -webkit-animation-duration: 1s;
-webkit-animation-delay: 0s; /*延迟时间*/ /*动画持续时间*/
-webkit-animation-iteration-count: 1;
/*动画次数*/
-webkit-animation-delay: 0s;
/*延迟时间*/
} }
/*弹幕相关css*/ /*弹幕相关css*/
.container { .container {
text-align: initial !important; text-align: initial !important;
} }
.dm-biaoqing[src*="bqb"] { .dm-biaoqing[src*="bqb"] {
width: 37px; width: 37px;
display: inline; display: inline;
} }
.dm-biaoqing { .dm-biaoqing {
width: 36px; width: 36px;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*wechat样式*/ /*wechat样式*/
@font-face { @font-face {
font-family: 'Color Emoji'; font-family: 'Color Emoji';
@@ -1267,32 +1424,39 @@ font-size: 14px;
.qmbox .reply+.quote { .qmbox .reply+.quote {
margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset)); margin-right: calc(var(--bubble_arrow_size) + var(--avatar_size) + var(--bubble_lr_offset));
} }
.message-text img { .message-text img {
width: 25px !important; width: 25px !important;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
.reply-text img { .reply-text img {
width: 25px !important; width: 25px !important;
display: inline; display: inline;
box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important; box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
} }
/*鱼塘*/ /*鱼塘*/
#random-post { #random-post {
min-height: 32px; min-height: 32px;
} }
.random-friends-post { .random-friends-post {
text-decoration: none; text-decoration: none;
font-weight: 700; font-weight: 700;
padding: 0 4px; padding: 0 4px;
} }
.random-friends-post:hover { .random-friends-post:hover {
text-decoration: none; text-decoration: none;
border-radius: 4px; border-radius: 4px;
} }
.random-post-start { .random-post-start {
transition: 2s; transition: 2s;
} }
#random-post { #random-post {
min-height: 32px; min-height: 32px;
border-radius: 12px; border-radius: 12px;
@@ -1317,14 +1481,18 @@ font-size: 14px;
justify-content: space-between; justify-content: space-between;
box-shadow: var(--heo-shadow-border); box-shadow: var(--heo-shadow-border);
} }
.cf-article-item[data-v-56cae500] { .cf-article-item[data-v-56cae500] {
width: 50% !important; width: 50% !important;
} }
.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] {
.cf-article-author[data-v-56cae500],
.cf-img-avatar[data-v-56cae500] {
align-self: center; align-self: center;
text-align: center; text-align: center;
transition: .3s; transition: .3s;
} }
.cf-img-avatar[data-v-56cae500] { .cf-img-avatar[data-v-56cae500] {
display: inline-block !important; display: inline-block !important;
position: absolute; position: absolute;
@@ -1337,6 +1505,7 @@ font-size: 14px;
right: -20px; right: -20px;
bottom: -20px; bottom: -20px;
} }
.cf-article-title[data-v-56cae500] { .cf-article-title[data-v-56cae500] {
font-weight: 500; font-weight: 500;
position: relative; position: relative;
@@ -1357,6 +1526,7 @@ font-size: 14px;
display: -webkit-box !important; display: -webkit-box !important;
-webkit-box-orient: vertical; -webkit-box-orient: vertical;
} }
.cf-article-time[data-v-56cae500] { .cf-article-time[data-v-56cae500] {
font-size: 12px; font-size: 12px;
text-align: right; text-align: right;
@@ -1366,6 +1536,7 @@ font-size: 14px;
margin-left: auto; margin-left: auto;
z-index: 1; z-index: 1;
} }
.cf-article-author[data-v-56cae500] { .cf-article-author[data-v-56cae500] {
line-height: 1; line-height: 1;
font-size: 14px; font-size: 14px;
@@ -1382,15 +1553,20 @@ font-size: 14px;
/*display: flex;*/ /*display: flex;*/
align-items: center; align-items: center;
} }
.cf-article-author[data-v-56cae500], .cf-img-avatar[data-v-56cae500] {
.cf-article-author[data-v-56cae500],
.cf-img-avatar[data-v-56cae500] {
align-self: center; align-self: center;
text-align: center; text-align: center;
transition: .3s; transition: .3s;
} }
#cf-footer[data-v-56cae500], #cf-more[data-v-56cae500] {
#cf-footer[data-v-56cae500],
#cf-more[data-v-56cae500] {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
} }
#cf-footer[data-v-56cae500] { #cf-footer[data-v-56cae500] {
width: 100%; width: 100%;
margin-top: .5rem; margin-top: .5rem;
@@ -1398,6 +1574,7 @@ font-size: 14px;
color: var(--pyq-secondtext); color: var(--pyq-secondtext);
} }
} }
@media screen and (max-width: 1400px) { @media screen and (max-width: 1400px) {
.cf-article-item[data-v-56cae500] { .cf-article-item[data-v-56cae500] {
width: 100%; width: 100%;
@@ -1409,11 +1586,15 @@ font-size: 14px;
width: 100% !important; width: 100% !important;
} }
} }
.lazyload { .lazyload {
width: 100%; width: 100%;
} }
/* 设置进度条的背景色 */ /* 设置进度条的背景色 */
.bar{background:#2aae67!important;} .bar {
background: #2aae67 !important;
}
/* 友联样式 */ /* 友联样式 */
@@ -1433,21 +1614,25 @@ font-size: 14px;
display: block; display: block;
width: 47%; width: 47%;
padding: 8px; padding: 8px;
box-sizing: border-box; /* 包括padding和border在内计算宽度 */ box-sizing: border-box;
/* 包括padding和border在内计算宽度 */
} }
/* 移动端样式调整 */ /* 移动端样式调整 */
@media (max-width: 768px) { @media (max-width: 768px) {
.link-list a { .link-list a {
width: 100%; /* 在小屏幕上占据整个宽度 */ width: 100%;
padding: 12px; /* 在小屏幕上增加内边距 */ /* 在小屏幕上占据整个宽度 */
padding: 12px;
/* 在小屏幕上增加内边距 */
} }
} }
/* 更小屏幕的样式调整 */ /* 更小屏幕的样式调整 */
@media (max-width: 480px) { @media (max-width: 480px) {
.link-list a { .link-list a {
padding: 15px; /* 在更小的屏幕上增加内边距 */ padding: 15px;
/* 在更小的屏幕上增加内边距 */
} }
} }
@@ -1479,3 +1664,33 @@ font-size: 14px;
margin-top: .2em; margin-top: .2em;
color: #757e91 color: #757e91
} }
/* 评论系统css调整 */
:root {
--waline-border: none;
--waline-box-shadow: 0 12px 40px rgb(134 151 168 / 25%);
/* 主题色 */
--waline-theme-color: #000000 !important;
--waline-active-color: #000000 !important;
}
@media (prefers-color-scheme: dark) {
body {
--waline-box-shadow: 0 12px 40px #0f0e0d;
}
}
#wl-nick,#wl-mail,#wl-link{
border: 0px solid #ccc!important;
}
.wl-panel {
margin: 0em!important;
}
.wl-editor, .wl-input {
max-width: 96%important;
}
+2 -1
View File
@@ -154,7 +154,6 @@
}); });
// pjax执行动画开始 // pjax执行动画开始
NProgress.start(); //加载动画效果开始 NProgress.start(); //加载动画效果开始
}); });
// Pjax 成功后,重新加载下面的函数 // Pjax 成功后,重新加载下面的函数
document.addEventListener("pjax:success", function () { document.addEventListener("pjax:success", function () {
@@ -183,4 +182,6 @@
scrollImg: true scrollImg: true
}); });
}); });
// pjax完成后加载 waline
initWaline();
}); });