源码概述：
子比侧边栏的美化效果堪称一绝，所有图片都已上传至远程图床，当然，你也完全可以选用自己的图片，只需简单替换掉图片链接地址即可。古诗一言也已巧妙融入代码中，若你有心，随意更改亦无不可，一切尽在掌控之中。更令人赞叹的是，它还支持随机显示功能，美观度直线上升，简直美不胜收！
接下来，让我们来看看如何在后台添加自定义 HTML 小工具：
只需将以下精心准备的代码复制粘贴到自定义 HTML 小工具中，随后将其放置到你心仪的位置即可。值得一提的是，我已将 JS 代码内置其中，供你直接使用。当然，如果你有更个性化的需求，也可以自行创建一个文件来引用你的专属 JS 代码。
想要获取完整的美化代码？点击下方链接即可下载：
html部分
# 汇站网
# https://www.huizhanii.com/?p=39427
<style type="text/css">
.wiiuii-suiji-main span{color:#fff}.wiiuii-suiji-main{background-size:cover;background-repeat:no-repeat;background-position:center center;cursor:pointer;height:320px;border-radius:var(--main-radius);position:relative}.wiiuii-suiji-header{display:flex;justify-content:space-between}.xingyu-dt-ty{padding:20px;display:flex;flex-direction:column}.xingyu-dt-day{font-size:60px;font-weight:700;color:#fff}.xingyu-sj-date{font-size:16px;font-weight:700;color:#fff}.xingyu-sjzt-ty{line-height:25px;height:200px;writing-mode:vertical-rl;padding:15px;color:#fff;font-size:15px}.xingyu-sj-qhbtn{position:absolute;bottom:30px;padding:10px}.xingyu-sj-qhbtn>span>i{font-size:16px}.xingyu-sj-qhbtn span:hover{color:#f44336}.xingyu-sjtitle-ty{position:absolute;bottom:0;text-align:center;left:0;right:0;bottom:0;padding:5px}
</style>
<div class="wiiuii-suiji-main">
<div class="wiiuii-suiji-header">
<div class="xingyu-dt-ty">
<span class="xingyu-dt-day wiiuiiDay"></span>
<p class="xingyu-sj-date">
<span class="wiiuiiYear"></span>
<span class="wiiuiiMonth"></span>
</p>
</div>
<div class="xingyu-sjzt-ty">
<span class="xingyu-yiyin"></span>
</div>
</div>
<div class="xingyu-sj-qhbtn">
<span id="xingyu-qh-btn"
><i class="fa fa-paper-plane" aria-hidden="true"></i> 换一句</span
>
</div>
<div class="xingyu-sjtitle-ty">
<span>——更多教程，关注汇站网——</span>
</div>
</div>
<script
type="text/javascript" src="https://www.tfbkw.com/js/yiyin-img.js"
></script>
JS 代码部分
# 汇站网
# https://www.huizhanii.com/?p=39427
var wiiuiiYiYan = [
'休对故人思故国，且将新火试新茶。诗酒趁年华。——宋苏轼《望江南》',
'山中何事？松花酿酒，春水煎茶。——元张可久《人月圆》',
'最是人间留不住，朱颜辞镜花辞树。——清·王国维《蝶恋花》',
'正是江南好风景，落花时节又逢君。——唐·杜甫《江南逢李龟年》',
'醉后不知天在水，满船清梦压星河。——元·唐温如《题龙阳县青草湖》',
'纸屏石枕竹方床，手倦抛书午梦长。——宋蔡确《夏日登车盖亭》',
'曾是惊鸿照影来。——宋陆游《沈园二首》',
'人生天地间，忽如远行客。——汉佚名《古诗十九首》',
'直道相思了无益，未妨惆怅是清狂。——唐·李商隐《无题》',
'秋风生渭水，落叶满长安。——唐·贾岛《忆江上吴处士》',
'一愿郎君千岁，二愿妾身常健。——唐冯延巳《长命女》',
'雾失楼台，月迷津渡。桃源望断无寻处。——宋秦观《踏莎行郴州旅舍》',
'独立小楼风满袖，平林新月人归后。——南唐冯延巳《鹊踏枝》',
'晓看天色暮看云，行也思君，坐也思君。——明唐寅《一剪梅》',
'叹息老来交旧尽，睡来谁共午瓯茶。——宋陆游《幽居初夏》',
'客散酒醒深夜后，更持红烛赏残花。——唐李商隐《花下醉》',
'柴门闻犬吠，风雪夜归人。——唐·刘长卿《逢雪宿芙蓉山主人》',
'庭院深深深几许，杨柳堆烟，帘幕无重数。——宋欧阳修《蝶恋花》',
'有约不来过夜半，闲敲棋子落灯花。——宋赵师秀《约客》',
'满目山河空念远，落花风雨更伤春。不如怜取眼前人。——宋晏殊《浣溪沙》'
]
var wiiuiiYiYanBg = [
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN0104TCmc1QbIhcIlKL1_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01XUfPcx1QbIhYZ3kWi_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01eaFHXz1QbIhbVnu3m_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01qnjNFq1QbIhYZ1s5E_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01zB1neo1QbIhcOLjWw_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01KzYOon1QbIhfhsTC6_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01ZCsy921QbIhfhoqdJ_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01RA7ax41QbIhfhp7Gt_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01VelGGx1QbIhbVodoT_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01FC7t1K1QbIhU5kZ3p_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01mZfljJ1QbIhfhounK_!!2210123621994.png',
'https://img.alicdn.com/imgextra/i1/2210123621994/O1CN01LXbq591QbIhU8DZ2X_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN01yc0m9R1QbIhezsfGP_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01QcYldI1QbIhezsCB0_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN014MICZv1QbIhbeNCTE_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN010pV3Ur1QbIhcLHD6j_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i4/2210123621994/O1CN01YkXTbj1QbIhdGZdB6_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN018rnhXF1QbIhZaNyUD_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN018XIlNu1QbIhdi0xFj_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01wFI1UJ1QbIhU8EMxK_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i3/2210123621994/O1CN014gIVQi1QbIhbnpcGv_!!2210123621994.jpg',
'https://img.alicdn.com/imgextra/i2/2210123621994/O1CN01lpSaTG1QbIhU8DdEu_!!2210123621994.jpg'
]
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('6 9=2.3(".j-I-J"),k=9.l.l,7=K L,4=7.M()+1,b=7.N();2.3(".O").5=7.P()+"\\Q";10>4?2.3(".4").5="0"+4+"\\m":2.3(".4").5=4+"\\m";10>4&&(2.3(".b").5="0"+b);k.o.p="0";6 q=2.3("#d-R-S"),e=2.3(".d-r");f g(){6 a=8.s(8.t()*u.v);e.5=w[8.s(8.t()*w.v)];9.o.T="U("+u[a]+")";V.W("\\n %c \\X\\Y\\Z\\11\\12\\13 - x://14.j.y","15:#16; 17: 18-19(1a, #z 0%, #z A%, #B h(A% + i), #B C%, #D h(C% + i), #D E%, #F h(E% + i), #F 1b%);p:G; 1c-1d: G;")}g();q.H=f(){g()};e.H=f(){6 a=2.3(".d-r").1e.1f("\\1g")[0];1h("x://1i.1j.y/1k.1l?1m="+a)};',62,85,'||document|querySelector|wiiuiiMonth|innerHTML|var|date|Math|wiiuiiYiMain||wiiuiiDay||xingyu|wiiuiiYiYinTextBox|function|wiiuiiRanYiYin|calc|1px|wiiuii|wiuiSjMain|parentNode|u6708||style|padding|wiiuiiYyRanBtn|yiyin|floor|random|wiiuiiYiYanBg|length|wiiuiiYiYan|https|cn|212121|40|323232|60|008F95|70|14FFEC|5px|onclick|suiji|main|new|Date|getMonth|getDate|wiiuiiYear|getFullYear|u5e74|qh|btn|backgroundImage|url|console|log|u661f|u8bed|u7684||u5c0f|u6728|u5c4b|www|color|fff|background|linear|gradient|55deg|100|border|radius|textContent|split|u3002|open|so|gushiwen|search|aspx|value'.split('|'),0,{}))
本文章已结束，如转载请注明：汇站网 » WordPress 主题美化升级 – 在侧边栏添加古诗一言小工具
