提交 81681142 编写于 作者: T TRHX

Back up my www.itrhx.com blog

上级 3cb96126
......@@ -301,7 +301,7 @@ links:
- name: 残梦
avatar: https://cdn.jsdelivr.net/gh/TRHX/ImageHosting/ITRHX-LINKS/2662419405.jpg
url: https://shtodream.cn/
url: https://sunhang.top/
backgroundColor: '#FBBC05'
textColor: '#fff'
tags:
......
......@@ -4,7 +4,7 @@ info:
docs: https://xaoxuu.com/wiki/material-x/
cdn: # 把对应的那一行注释掉就使用本地的文件
css:
style: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/css/style.css
style: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/css/style.css
js:
app: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/js/app.js
search: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/js/search.js
......@@ -43,6 +43,15 @@ avatar_placeholder: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/ima
# 文章字数统计、阅读时长
word_count: true
# Reward
reward:
enable: true
reward_comment: 您的喜欢是作者写作最大的动力!❤️
PayPalLink: https://www.paypal.me/
AliPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/AliPayQR.png
WeChatPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/WeChatQR.png
QQPayOR: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/QQPayQR.png
# 日期格式 http://momentjs.com/docs/
date_format: 'YYYY-MM-DD' # 文章发布日期的格式
updated_date_format: 'll' # 文章更新日期的格式
......@@ -53,8 +62,8 @@ backstretch:
duration: 5000 # 持续时间(毫秒)
fade: 1500 # 渐变(毫秒)
images:
- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/background/023.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/background/022.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/background/023.webp
- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/background/022.webp
#- https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/background/021.webp
......@@ -62,7 +71,7 @@ backstretch:
# page的封面
cover:
scheme: search # 后期将会提供多种封面方案
height: half # full(默认值): 首页封面占据整个第一屏幕,其他页面占半个屏幕高度, half: 所有页面都封面都只占半个屏幕高度
height: full # full(默认值): 首页封面占据整个第一屏幕,其他页面占半个屏幕高度, half: 所有页面都封面都只占半个屏幕高度
# title: "TRHX'S BLOG"
logo: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/logo.png # logo和title只显示一个,若同时设置,则只显示logo
search_placeholder: '世界之大,探索一下!'
......@@ -149,8 +158,8 @@ body: [article, comments]
sidebar:
- widget: author
avatar: https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/trhx.png
title: TRHX'S BLOG
body: Stay Hungry, Stay Foolish!
title: ๑۩ﺴ  TRHX  ﺴ۩๑
#body: Stay Hungry, Stay Foolish!
social: true
- widget: toc
- widget: grid
......@@ -192,7 +201,7 @@ sidebar:
- widget: plain
icon: fas fa-comments
title: 交流群组
body: '<img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/groups.png"><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://jq.qq.com/?_wv=1027&k=5F6HRuG">QQ 交流群</a><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://t.me/hexoisthebest">Telegram 交流群</a>'
body: '<img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/groups.png"><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://jq.qq.com/?_wv=1027&k=5F6HRuG">QQ 交流群</a><a id="goroups_button" class="goroups_button_new" target="_blank" href="https://t.me/joinchat/Mro2h0uVt0DpDvOofWG65A">Telegram 交流群</a>'
# - widget: list
# icon: fas fa-link
# title: 特别链接
......
......@@ -7,6 +7,9 @@
<div class="article-entry" itemprop="articleBody">
<%- post.content %>
</div>
<% if (theme.reward.enable && post.layout == 'post' && post.reward != false){ %>
<%- partial('reward') %>
<% } %>
<% if(post.layout == 'post'){ %>
<%- partial('meta', {post: post, position: 'footer'}) %>
<% } %>
......
......@@ -20,9 +20,9 @@
<%}%>
<br>
Copyright <i class="far fa-copyright"></i> 2018-<%= date(new Date(), 'YYYY') %>
<a href="https://www.itrhx.com/" target="_blank"> <%= config.author || config.title %> </a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="https://www.itrhx.com/" target="_blank"> <%= config.title %> </a>丨
<img src="https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.6/images/icp.png">
<a href="http://www.beian.miit.gov.cn/" target="_blank">鄂ICP备19003281号-4</a>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="http://www.beian.miit.gov.cn/" target="_blank">鄂ICP备19003281号-4</a>
<!-- 网站运行时间 -->
<span id="timeDate">正在载入...</span><span id="times"><span><i class="fa fa-spinner fa-spin"> </i></span></span>
<script>
......@@ -36,13 +36,13 @@
mnum = Math.floor(minutes); if(String(mnum).length ==1 ){mnum = "0" + mnum;}
seconds = (now - grt ) / 1000 - (24 * 60 * 60 * dnum) - (60 * 60 * hnum) - (60 * mnum);
snum = Math.round(seconds); if(String(snum).length ==1 ){snum = "0" + snum;}
document.getElementById("timeDate").innerHTML = "本站已勉强存活了 "
document.getElementById("timeDate").innerHTML = "本站已在风雨中度过了 "
document.getElementById("times").innerHTML = dnum +" 天 " + hnum + " 小时 " + mnum + " 分 " + snum + " 秒";
/*document.getElementById("times").style.color="#0056FF";*/
}
setInterval("createtime()",250);
</script>&nbsp;&nbsp;|&nbsp;&nbsp;
<a href="https://www.itrhx.com/sitemap.xml" target="_blank">站点地图</a>&nbsp;&nbsp;|&nbsp;&nbsp;
</script>
<a href="/sitemap.xml" target="_blank">站点地图</a>丨
<a href="https://tongji.baidu.com/web/welcome/ico?s=df0bc7c6bdbd80356ba4db429724ccad" target="_blank">站长统计</a><br><br>
<div class="github-badge">
<a style="color: #fff" rel="license" href="https://hexo.io/" target="_blank" title="由 Hexo 强力驱动">
......
......@@ -38,8 +38,10 @@
<meta name="HandheldFriendly" content="True" />
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<!-- GoogleAdsense -->
<script data-ad-client="ca-pub-1913211097936916" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 百度广告联盟 -->
<meta name="baidu_union_verify" content="9fb8c8d4f8c021b77200011d2bcf0c73">
<!-- Google Adsense -->
<!--<script data-ad-client="ca-pub-1913211097936916" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>-->
<!-- meta -->
<% if (config.import && config.import.meta){ %>
<% (config.import.meta||[]).forEach(function(item){ %>
......
<div id="reward">
<% if (theme.reward.reward_comment != undefined){ %>
<div><%= theme.reward.reward_comment %></div>
<% } %>
<div class="reward">
<a href="https://github.com/Kaiyuan/donate-page" target="_blank" class=" tr3" title="Github"><span
id="github"></span></a>
<ul id="RewardBox" class="list pos-f tr3">
<% if (theme.reward.PayPalLink != undefined){ %>
<li id="PayPal" title="PayPal打赏"><a href="<%- theme.reward.PayPalLink %>" target="_blank">PayPal</a></li>
<% } %>
<% if (theme.reward.AliPayOR != undefined){ %>
<li id="AliPayOR" title="支付宝打赏">AliPay</li>
<% } %>
<% if (theme.reward.WeChatPayOR != undefined){ %>
<li id="WeChatPayOR" title="微信打赏">WeChatPay</li>
<% } %>
<% if (theme.reward.QQPayOR != undefined){ %>
<li id="QQPayOR" title="QQ打赏">QQPay</li>
<% } %>
</ul>
<div id="RewardText" class="tr3">Donate</div>
<div id="QRBox" class="pos-f left-100">
<div id="MainBox"></div>
</div>
</div>
</div>
<script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.0.3.min.js"></script>
<script>
jQuery(document).ready(function () {
var QRBox = $('#QRBox');
var MainBox = $('#MainBox');
var AliPayOR = '<%= theme.reward.AliPayOR %>';
var WeChatPayOR = '<%= theme.reward.WeChatPayOR %>';
var QQPayOR = '<%= theme.reward.QQPayOR %>';
function showQR(QR) {
if (QR) {
MainBox.css('background-image', 'url(' + QR + ')');
}
$('#RewardText,#RewardBox,#github').addClass('blur');
QRBox.fadeIn(300, function (argument) {
MainBox.addClass('showQR');
});
}
$('#RewardBox>li').click(function (event) {
var thisID = $(this).attr('id');
if (thisID === 'AliPayOR') {
showQR(AliPayOR);
} else if (thisID === 'WeChatPayOR') {
showQR(WeChatPayOR);
} else if (thisID === 'QQPayOR') {
showQR(QQPayOR);
}
});
MainBox.click(function (event) {
MainBox.removeClass('showQR').addClass('hideQR');
setTimeout(function (a) {
QRBox.fadeOut(300, function (argument) {
MainBox.removeClass('hideQR');
});
$('#RewardText,#RewardBox,#github').removeClass('blur');
}, 600);
});
});
</script>
......@@ -19,20 +19,7 @@
<% } %>
</div>
<% } %>
<% if (item.social == true && theme.social) { %>
<div class="social-wrapper">
<% (theme.social||[]).forEach(function(value){ %>
<% if (value.url && value.icon) { %>
<a href="<%- url_for(value.url) %>"
class="social <%- value.icon %> flat-btn"
target="_blank"
rel="external nofollow noopener noreferrer">
</a>
<%}%>
<%})%>
</div>
<% } %>
<!-- 彩色滚动字体-->
<!-- 彩色滚动字体 -->
<div id="binft" align="center"></div>
<script>
var binft = function (r) {
......@@ -54,7 +41,7 @@
c.step ? c.step-- : (c.step = g, c.prefixP < l.length ? (c.prefixP >= 0 && (c.text += l[c.prefixP]), c.prefixP++) : "forward" === c.direction ? c.skillP < t.length ? (c.text += t[c.skillP], c.skillP++) : c.delay ? c.delay-- : (c.direction = "backward", c.delay = a) : c.skillP > 0 ? (c.text = c.text.slice(0, -1), c.skillP--) : (c.skillI = (c.skillI + 1) % o.length, c.direction = "forward")), r.textContent = c.text, r.appendChild(n(c.prefixP < l.length ? Math.min(s, s + c.prefixP) : Math.min(s, t.length - c.skillP))), setTimeout(i, d)
}
var l = "",
o = ["业精于勤,荒于嬉;", "行成于思,毁于随。"].map(function (r) {
o = ["Stay Hungry, Stay Foolish!"].map(function (r) {
return r + ""
}),
a = 2,
......@@ -75,5 +62,18 @@
};
binft(document.getElementById('binft'));
</script>
<% if (item.social == true && theme.social) { %>
<div class="social-wrapper">
<% (theme.social||[]).forEach(function(value){ %>
<% if (value.url && value.icon) { %>
<a href="<%- url_for(value.url) %>"
class="social <%- value.icon %> flat-btn"
target="_blank"
rel="external nofollow noopener noreferrer">
</a>
<%}%>
<%})%>
</div>
<% } %>
</div>
</section>
......@@ -542,9 +542,7 @@
border-radius: 0;
}
}
}
}
.alert {
......
#reward {
/*display: inline-block;*/
text-align: center;
width: 100%;
/*margin-bottom: -40px;*/
margin-top: 50px;
/*height: 240px;*/
}
#reward .reward {
margin-top: 80px;
margin-bottom: -100px;
display: inline-block;
}
.reward ul {
padding-left: 0;
margin-left: 0;
}
.list,
.list li,
.list-left li {
list-style: none;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.left-100 {
width: 100%;
height: 100%;
}
.blur {
-webkit-filter: blur(3px);
filter: blur(3px);
}
.tr3 {
transition: all .3s;
}
#RewardText {
position: relative;
font-size: 12px;
width: 70px;
height: 70px;
line-height: 70px;
color: #fff;
background: #ffd886 url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/like.png) no-repeat center 10px;
background-size: 20px;
border-radius: 35px;
text-align: center;
left: calc(50% - 120px);
top: -80px;
transform: rotatez(-15deg);
}
#RewardBox {
position: relative;
/*left: calc(50% - 150px);*/
top: calc(50% - 15px);
background-color: #fff;
border: 1px solid #ddd;
border-radius: 6px;
/*width: 299px;*/
/*height: 28px;*/
float: left;
z-index: 1;
}
#RewardBox li {
width: 74px;
float: left;
text-align: center;
border-left: 1px solid #ddd;
background: no-repeat center center;
background-color: rgba(204, 217, 220, 0.1);
background-size: 50px;
transition: all .3s;
cursor: pointer;
overflow: hidden;
line-height: 600px;
height: 28px;
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.5;
}
#RewardBox li:hover {
background-color: rgba(204, 217, 220, 0.3);
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
#RewardBox>li:first-child {
border-width: 0;
}
#RewardBox a {
display: block;
}
#RewardBox #PayPal {
background-image: url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/paypal.png);
}
#RewardBox #AliPayOR {
background-image: url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/alipay.png);
}
#RewardBox #WeChatPayOR {
background-image: url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/wechatpay.png);
}
#RewardBox #QQPayOR {
background-image: url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/qqpay.png);
}
#QRBox {
position: relative;
top: -100px;
left: 0;
z-index: 1;
background-color: rgba(255, 255, 255, 0.3);
display: none;
perspective: 400px;
}
#MainBox {
cursor: pointer;
position: absolute;
text-align: center;
width: 200px;
height: 200px;
left: calc(50% - 100px);
top: calc(50% - 100px);
background: #fff no-repeat center center;
background-size: 190px;
border-radius: 6px;
box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.3);
opacity: 0;
transition: all 1s ease-in-out;
transform-style: preserve-3d;
transform-origin: center center;
overflow: hidden;
}
#github {
position: relative;
display: inline-block;
z-index: 1;
width: 24px;
height: 24px;
top: -12px;
left: -10px;
background: no-repeat center center url(https://cdn.jsdelivr.net/gh/TRHX/CDN-for-itrhx.com@3.0.7/images/reward/github.png);
background-size: contain;
opacity: 0.3;
transform: rotatez(15deg);
}
[data-footnote] {
position: relative;
overflow: hidden;
}
[data-footnote]:hover {
overflow: visible;
}
[data-footnote]::before,
[data-footnote]::after {
position: absolute;
transition: all .3s;
transform: translate3d(-50%, 0, 0);
opacity: 0;
left: 37px;
z-index: 10;
}
[data-footnote]::before {
content: attr(data-footnote);
border-radius: 6px;
background-color: rgba(100, 100, 100, 0.8);
color: #fff;
height: 24px;
line-height: 24px;
padding: 0 6px;
font-size: 12px;
white-space: nowrap;
top: -24px;
left: 37px;
}
[data-footnote]::after {
content: '';
border: 5px solid #333;
border-color: rgba(100, 100, 100, 0.8) transparent transparent transparent;
top: 0;
left: 37px;
}
[data-footnote]:hover::before,
[data-footnote]:hover::after {
opacity: 1;
}
[data-footnote]:hover::before,
[data-footnote]:hover::after {
transform: translate3d(-50%, -7px, 0);
}
#MainBox.showQR {
opacity: 1;
animation-name: showQR;
animation-duration: 3s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
animation-fill-mode: forwards;
-webkit-animation: showQR 3s ease-in-out 0s 1 normal forwards;
}
@keyframes showQR {
from {
transform: rotateX(90deg);
}
8% {
opacity: 1;
transform: rotateX(-60deg);
}
18% {
opacity: 1;
transform: rotateX(40deg);
}
34% {
opacity: 1;
transform: rotateX(-28deg);
}
44% {
opacity: 1;
transform: rotateX(18deg);
}
58% {
opacity: 1;
transform: rotateX(-12deg);
}
72% {
opacity: 1;
transform: rotateX(9deg);
}
88% {
opacity: 1;
transform: rotateX(-5deg);
}
96% {
opacity: 1;
transform: rotateX(2deg);
}
to {
opacity: 1;
}
}
#MainBox.hideQR {
opacity: 1;
animation-name: hideQR;
animation-duration: 0.5s;
animation-timing-function: ease-in-out;
animation-iteration-count: 1;
animation-fill-mode: forwards;
-webkit-animation: hideQR 0.5s ease-in-out 0s 1 normal forwards;
}
@keyframes hideQR {
from {}
20%,
50% {
transform: scale(1.08, 1.08);
opacity: 1;
}
to {
opacity: 0;
transform: rotateZ(40deg) scale(0.6, 0.6);
}
}
\ No newline at end of file
......@@ -15,3 +15,4 @@
@import "less/_color.less";
@import "less/_layout.less";
@import "less/_links.less";
@import "less/_reward.less";
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册