Skip to content

Commit b664ef7

Browse files
XHGitHubXHGitHub
committed
Site updated: 2017-04-13 12:39:03
1 parent 0dbeca2 commit b664ef7

File tree

8 files changed

+179
-1
lines changed

8 files changed

+179
-1
lines changed

‎2017/04/10/Jwt-介绍/index.html

+21
Original file line numberDiff line numberDiff line change
@@ -502,6 +502,27 @@ <h1 id="为什么要使用JWT？"><a href="#为什么要使用JWT？" class="hea
502502
<div>
503503

504504

505+
<div style="padding: 10px 0; margin: 20px auto; width: 90%; text-align: center;">
506+
<div>坚持原创技术分享，您的支持将鼓励我继续创作！</div>
507+
<button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
508+
<span>赏</span>
509+
</button>
510+
<div id="QR" style="display: none;">
511+
512+
<div id="wechat" style="display: inline-block">
513+
<img id="wechat_qr" src="/images/wechatpay.jpg" alt="谢晖 WeChat Pay"/>
514+
<p>微信打赏</p>
515+
</div>
516+
517+
518+
<div id="alipay" style="display: inline-block">
519+
<img id="alipay_qr" src="/images/alipay.jpg" alt="谢晖 Alipay"/>
520+
<p>支付宝打赏</p>
521+
</div>
522+
523+
</div>
524+
</div>
525+
505526

506527

507528
</div>

‎2017/04/11/kafka-介绍/index.html

+21
Original file line numberDiff line numberDiff line change
@@ -601,6 +601,27 @@ <h3 id="kafka-流处理"><a href="#kafka-流处理" class="headerlink" title="ka
601601
<div>
602602

603603

604+
<div style="padding: 10px 0; margin: 20px auto; width: 90%; text-align: center;">
605+
<div>坚持原创技术分享，您的支持将鼓励我继续创作！</div>
606+
<button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
607+
<span>赏</span>
608+
</button>
609+
<div id="QR" style="display: none;">
610+
611+
<div id="wechat" style="display: inline-block">
612+
<img id="wechat_qr" src="/images/wechatpay.jpg" alt="谢晖 WeChat Pay"/>
613+
<p>微信打赏</p>
614+
</div>
615+
616+
617+
<div id="alipay" style="display: inline-block">
618+
<img id="alipay_qr" src="/images/alipay.jpg" alt="谢晖 Alipay"/>
619+
<p>支付宝打赏</p>
620+
</div>
621+
622+
</div>
623+
</div>
624+
604625

605626

606627
</div>

‎2017/04/12/node-js-为何如此流行/index.html

+21
Original file line numberDiff line numberDiff line change
@@ -455,6 +455,27 @@ <h3 id="NPM-The-Node-Package-Manager"><a href="#NPM-The-Node-Package-Manager" cl
455455
<div>
456456

457457

458+
<div style="padding: 10px 0; margin: 20px auto; width: 90%; text-align: center;">
459+
<div>坚持原创技术分享，您的支持将鼓励我继续创作！</div>
460+
<button id="rewardButton" disable="enable" onclick="var qr = document.getElementById('QR'); if (qr.style.display === 'none') {qr.style.display='block';} else {qr.style.display='none'}">
461+
<span>赏</span>
462+
</button>
463+
<div id="QR" style="display: none;">
464+
465+
<div id="wechat" style="display: inline-block">
466+
<img id="wechat_qr" src="/images/wechatpay.jpg" alt="谢晖 WeChat Pay"/>
467+
<p>微信打赏</p>
468+
</div>
469+
470+
471+
<div id="alipay" style="display: inline-block">
472+
<img id="alipay_qr" src="/images/alipay.jpg" alt="谢晖 Alipay"/>
473+
<p>支付宝打赏</p>
474+
</div>
475+
476+
</div>
477+
</div>
478+
458479

459480

460481
</div>

‎css/main.css

+116-1
Original file line numberDiff line numberDiff line change
@@ -1546,6 +1546,121 @@ pre .javascript .function {
15461546
.fancybox-close:hover {
15471547
border: none;
15481548
}
1549+
#rewardButton {
1550+
cursor: pointer;
1551+
border: 0;
1552+
outline: 0;
1553+
border-radius: 100%;
1554+
padding: 0;
1555+
margin: 0;
1556+
letter-spacing: normal;
1557+
text-transform: none;
1558+
text-indent: 0px;
1559+
text-shadow: none;
1560+
}
1561+
#rewardButton span {
1562+
display: inline-block;
1563+
width: 80px;
1564+
height: 35px;
1565+
border-radius: 5px;
1566+
color: #fff;
1567+
font-weight: 400;
1568+
font-style: normal;
1569+
font-variant: normal;
1570+
font-stretch: normal;
1571+
font-size: 18px;
1572+
font-family: "Microsoft Yahei";
1573+
background: #f44336;
1574+
}
1575+
#rewardButton span:hover {
1576+
background: #f7877f;
1577+
}
1578+
#QR {
1579+
padding-top: 20px;
1580+
}
1581+
#QR a {
1582+
border: 0;
1583+
}
1584+
#QR img {
1585+
width: 180px;
1586+
max-width: 100%;
1587+
display: inline-block;
1588+
margin: 0.8em 2em 0 2em;
1589+
}
1590+
#wechat:hover p {
1591+
animation: roll 0.1s infinite linear;
1592+
-webkit-animation: roll 0.1s infinite linear;
1593+
-moz-animation: roll 0.1s infinite linear;
1594+
}
1595+
#alipay:hover p {
1596+
animation: roll 0.1s infinite linear;
1597+
-webkit-animation: roll 0.1s infinite linear;
1598+
-moz-animation: roll 0.1s infinite linear;
1599+
}
1600+
@-moz-keyframes roll {
1601+
from {
1602+
-webkit-transform: rotateZ(30deg);
1603+
-moz-transform: rotateZ(30deg);
1604+
-ms-transform: rotateZ(30deg);
1605+
-o-transform: rotateZ(30deg);
1606+
transform: rotateZ(30deg);
1607+
}
1608+
to {
1609+
-webkit-transform: rotateZ(-30deg);
1610+
-moz-transform: rotateZ(-30deg);
1611+
-ms-transform: rotateZ(-30deg);
1612+
-o-transform: rotateZ(-30deg);
1613+
transform: rotateZ(-30deg);
1614+
}
1615+
}
1616+
@-webkit-keyframes roll {
1617+
from {
1618+
-webkit-transform: rotateZ(30deg);
1619+
-moz-transform: rotateZ(30deg);
1620+
-ms-transform: rotateZ(30deg);
1621+
-o-transform: rotateZ(30deg);
1622+
transform: rotateZ(30deg);
1623+
}
1624+
to {
1625+
-webkit-transform: rotateZ(-30deg);
1626+
-moz-transform: rotateZ(-30deg);
1627+
-ms-transform: rotateZ(-30deg);
1628+
-o-transform: rotateZ(-30deg);
1629+
transform: rotateZ(-30deg);
1630+
}
1631+
}
1632+
@-o-keyframes roll {
1633+
from {
1634+
-webkit-transform: rotateZ(30deg);
1635+
-moz-transform: rotateZ(30deg);
1636+
-ms-transform: rotateZ(30deg);
1637+
-o-transform: rotateZ(30deg);
1638+
transform: rotateZ(30deg);
1639+
}
1640+
to {
1641+
-webkit-transform: rotateZ(-30deg);
1642+
-moz-transform: rotateZ(-30deg);
1643+
-ms-transform: rotateZ(-30deg);
1644+
-o-transform: rotateZ(-30deg);
1645+
transform: rotateZ(-30deg);
1646+
}
1647+
}
1648+
@keyframes roll {
1649+
from {
1650+
-webkit-transform: rotateZ(30deg);
1651+
-moz-transform: rotateZ(30deg);
1652+
-ms-transform: rotateZ(30deg);
1653+
-o-transform: rotateZ(30deg);
1654+
transform: rotateZ(30deg);
1655+
}
1656+
to {
1657+
-webkit-transform: rotateZ(-30deg);
1658+
-moz-transform: rotateZ(-30deg);
1659+
-ms-transform: rotateZ(-30deg);
1660+
-o-transform: rotateZ(-30deg);
1661+
transform: rotateZ(-30deg);
1662+
}
1663+
}
15491664
.sidebar {
15501665
position: fixed;
15511666
right: 0;
@@ -1703,7 +1818,7 @@ pre .javascript .function {
17031818
width: 4px;
17041819
height: 4px;
17051820
border-radius: 50%;
1706-
background: #ba30ff;
1821+
background: #13e2ff;
17071822
}
17081823
.links-of-blogroll {
17091824
font-size: 13px;

‎images/2mAVRfj.png

-26.5 KB
Binary file not shown.

‎images/UfIbUjj.png

-37.4 KB
Binary file not shown.

‎images/alipay.JPG

94.7 KB
Loading

‎images/wechatpay.JPG

174 KB
Loading

0 commit comments

Comments
 (0)