diff --git a/source/friends/index.md b/source/friends/index.md index 6004ce11b7348a059c8598e9fd304bbc6d664440..31ae66c65113fe2d2771386e79b29dfa82eaa083 100644 --- a/source/friends/index.md +++ b/source/friends/index.md @@ -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: diff --git a/themes/material-x-1.2.1/_config.yml b/themes/material-x-1.2.1/_config.yml index 6fba32bdc338170235f480f1e6486dfc3a569b26..4855d3e9a04cbe4ce9b7a635d170934573364fcd 100644 --- a/themes/material-x-1.2.1/_config.yml +++ b/themes/material-x-1.2.1/_config.yml @@ -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: 'QQ 交流群Telegram 交流群' + body: 'QQ 交流群Telegram 交流群' # - widget: list # icon: fas fa-link # title: 特别链接 diff --git a/themes/material-x-1.2.1/layout/_partial/article.ejs b/themes/material-x-1.2.1/layout/_partial/article.ejs index 3e0273977d2919518ce2ffd1915b8fabb9ed0305..3cadfa56665e85cb677e244128eaf1cadc804c5e 100644 --- a/themes/material-x-1.2.1/layout/_partial/article.ejs +++ b/themes/material-x-1.2.1/layout/_partial/article.ejs @@ -7,6 +7,9 @@
<%- post.content %>
+ <% if (theme.reward.enable && post.layout == 'post' && post.reward != false){ %> + <%- partial('reward') %> + <% } %> <% if(post.layout == 'post'){ %> <%- partial('meta', {post: post, position: 'footer'}) %> <% } %> diff --git a/themes/material-x-1.2.1/layout/_partial/footer.ejs b/themes/material-x-1.2.1/layout/_partial/footer.ejs index a14432436252599ee514284e18f95f9fb86f54c0..6c2207c938f475f8e3e3cf44e7725bf1a6fe1ab2 100644 --- a/themes/material-x-1.2.1/layout/_partial/footer.ejs +++ b/themes/material-x-1.2.1/layout/_partial/footer.ejs @@ -20,9 +20,9 @@ <%}%>
Copyright 2018-<%= date(new Date(), 'YYYY') %> - <%= config.author || config.title %>   |   + <%= config.title %> 丨 - 鄂ICP备19003281号-4  |   + 鄂ICP备19003281号-4 丨 正在载入...   |   - 站点地图  |   + 丨 + 站点地图丨 站长统计

diff --git a/themes/material-x-1.2.1/layout/_partial/head.ejs b/themes/material-x-1.2.1/layout/_partial/head.ejs index 6bc2e97cb60637b27899a6d1647bdf9fa9391203..fb5ba7a82bd4a4ebccf6e25e1886a74c0a014e4e 100644 --- a/themes/material-x-1.2.1/layout/_partial/head.ejs +++ b/themes/material-x-1.2.1/layout/_partial/head.ejs @@ -38,8 +38,10 @@ - - + + + + <% if (config.import && config.import.meta){ %> <% (config.import.meta||[]).forEach(function(item){ %> diff --git a/themes/material-x-1.2.1/layout/_partial/reward.ejs b/themes/material-x-1.2.1/layout/_partial/reward.ejs new file mode 100644 index 0000000000000000000000000000000000000000..3bd2d8b110bee30781e53e604089b1c6edb87d0d --- /dev/null +++ b/themes/material-x-1.2.1/layout/_partial/reward.ejs @@ -0,0 +1,69 @@ +
+ <% if (theme.reward.reward_comment != undefined){ %> +
<%= theme.reward.reward_comment %>
+ <% } %> +
+ +
    + <% if (theme.reward.PayPalLink != undefined){ %> +
  • PayPal
    • + <% } %> + <% if (theme.reward.AliPayOR != undefined){ %> +
  • AliPay
    • + <% } %> + <% if (theme.reward.WeChatPayOR != undefined){ %> +
  • WeChatPay
    • + <% } %> + <% if (theme.reward.QQPayOR != undefined){ %> +
  • QQPay
    • + <% } %> +
+
Donate
+
+
+
+
+
+ + diff --git a/themes/material-x-1.2.1/layout/_widget/author.ejs b/themes/material-x-1.2.1/layout/_widget/author.ejs index abcec01f27d6e1995cf11b7814b32697b48c6b62..8460548c8f86debf2eada4a40243936db4c3ca14 100644 --- a/themes/material-x-1.2.1/layout/_widget/author.ejs +++ b/themes/material-x-1.2.1/layout/_widget/author.ejs @@ -19,20 +19,7 @@ <% } %>
<% } %> - <% if (item.social == true && theme.social) { %> -
- <% (theme.social||[]).forEach(function(value){ %> - <% if (value.url && value.icon) { %> - - - <%}%> - <%})%> -
- <% } %> - +
+ <% if (item.social == true && theme.social) { %> +
+ <% (theme.social||[]).forEach(function(value){ %> + <% if (value.url && value.icon) { %> + + + <%}%> + <%})%> +
+ <% } %> diff --git a/themes/material-x-1.2.1/source/less/_main.less b/themes/material-x-1.2.1/source/less/_main.less index 0020c0489643fe1ab06896b6f557d35243b76355..757e67a92df90e05c18d9830b6850167522feb85 100644 --- a/themes/material-x-1.2.1/source/less/_main.less +++ b/themes/material-x-1.2.1/source/less/_main.less @@ -542,9 +542,7 @@ border-radius: 0; } } - } - } .alert { diff --git a/themes/material-x-1.2.1/source/less/_reward.less b/themes/material-x-1.2.1/source/less/_reward.less new file mode 100644 index 0000000000000000000000000000000000000000..ecf54b6dfad044a3e970774844bc5724e39b59c6 --- /dev/null +++ b/themes/material-x-1.2.1/source/less/_reward.less @@ -0,0 +1,299 @@ +#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 diff --git a/themes/material-x-1.2.1/source/style.less b/themes/material-x-1.2.1/source/style.less index aab2f39e744aaaadf9acb1bbb95e1538f22d7ed1..ee7023b4bacddde8846638b2268424e6cd0cfa18 100644 --- a/themes/material-x-1.2.1/source/style.less +++ b/themes/material-x-1.2.1/source/style.less @@ -15,3 +15,4 @@ @import "less/_color.less"; @import "less/_layout.less"; @import "less/_links.less"; +@import "less/_reward.less";