侧边栏模块
时钟
- 模板类型:
自定义模板
- 图标:
ri-time-line
- 标题:
时钟
- 内容:
<div class="card-content">
<canvas id="canvas-clock" style="width:100%;"></canvas>
<script>
(function(){var t=820;var a=250;var r=7;var n=10;var e=.65;var f;var o=[];const v=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"];var h=[];var u=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]];function l(t){var a=[];f.fillStyle="#005EAC";var r=new Date;var e=70,o=30;var v=r.getHours();var u=Math.floor(v/10);var l=v%10;a.push({num:u});a.push({num:l});a.push({num:10});var c=r.getMinutes();var u=Math.floor(c/10);var l=c%10;a.push({num:u});a.push({num:l});a.push({num:10});var M=r.getSeconds();var u=Math.floor(M/10);var l=M%10;a.push({num:u});a.push({num:l});for(var p=0;p<a.length;p++){a[p].offsetX=e;e=m(e,o,a[p].num,t);if(p<a.length-1){if(a[p].num!=10&&a[p+1].num!=10){e+=n}}}if(h.length==0){h=a}else{for(var C=0;C<h.length;C++){if(h[C].num!=a[C].num){s(a[C]);h[C].num=a[C].num}}}i(t);g();return r}function s(t){var a=t.num;var n=u[a];for(var e=0;e<n.length;e++){for(var f=0;f<n[e].length;f++){if(n[e][f]==1){var h={offsetX:t.offsetX+r+r*2*f,offsetY:30+r+r*2*e,color:v[Math.floor(Math.random()*v.length)],g:1.5+Math.random(),vx:Math.pow(-1,Math.ceil(Math.random()*10))*4+Math.random(),vy:-5};o.push(h)}}}}function i(t){for(var a=0;a<o.length;a++){t.beginPath();t.fillStyle=o[a].color;t.arc(o[a].offsetX,o[a].offsetY,r,0,2*Math.PI);t.fill()}}function g(){var n=0;for(var f=0;f<o.length;f++){var v=o[f];v.offsetX+=v.vx;v.offsetY+=v.vy;v.vy+=v.g;if(v.offsetY>a-r){v.offsetY=a-r;v.vy=-v.vy*e}if(v.offsetX>r&&v.offsetX<t-r){o[n]=o[f];n++}}for(;n<o.length;n++){o.pop()}}function m(t,a,n,e){var f=u[n];for(var o=0;o<f.length;o++){for(var v=0;v<f[o].length;v++){if(f[o][v]==1){e.beginPath();e.arc(t+r+r*2*v,a+r+r*2*o,r,0,2*Math.PI);e.fill()}}}e.beginPath();t+=f[0].length*r*2;return t}var c=document.getElementById("canvas-clock");c.width=t;c.height=a;f=c.getContext("2d");var M=new Date;setInterval(function(){f.clearRect(0,0,f.canvas.width,f.canvas.height);l(f)},50)})();
</script>
</div>
天气
- 模板类型:
自定义模板
- 图标:
ri-sun-line
- 标题:
天气
- 内容:
<iframe scrolling="no" src="https://widget.tianqiapi.com/?style=tl&skin=pear&color=ffffff" style="background: var(--theme);" frameborder="0" width="100%" height="270" allowtransparency="true"></iframe>
广告
- 模板类型:
广告模板
图标:不支持
标题:不支持
- 内容:
<a target="_blank" href="目标跳转地址">
<img width="100%" src="图片的URL地址" alt="广告"/>
</a>
<img width="100%" src="图片的URL地址" alt="广告"/>
诗词
- 模板类型:
自定义模板
- 图标:
ri-record-mail-line
- 标题:
诗词
- 内容:
<div class="card-content">
<p class="one-content"></p>
<p class="one-author"></p>
</div>
<style>
.card-content .one-content {
color: var(--main);
}
.card-content .one-author {
margin-top: 5px;
text-align: end;
color: var(--main);
}
</style>
<script src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8"></script>
<script type="text/javascript">
jinrishici.load(function(d) {
$('.one-content').html(d.data.content);
$('.one-author').html(`—【${d.data.origin.dynasty}】${d.data.origin.author}《${d.data.origin.title}》`);
});
</script>
页面设置
新版搜索-搜索页面-无搜索结果提示语
<p style="display: flex;justify-content: center"><svg t="1720788900212" class="icon" viewBox="0 0 1217 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="11208" width="128" height="128"><path d="M870.542204 187.382417a37.339851 37.339851 0 1 1 37.11217-37.339852 37.22601 37.22601 0 0 1-37.11217 37.339852z m0-56.920506a19.011449 19.011449 0 1 0 18.897608 19.011449 18.897608 18.897608 0 0 0-18.897608-18.556085z" fill="#47B7F8" p-id="11209"></path><path d="M250.905586 147.424222H234.512481V130.917275a7.85503 7.85503 0 1 0-15.71006 0v16.506947h-16.279264a7.968871 7.968871 0 1 0 0 15.8239h16.279264v16.506947a7.85503 7.85503 0 0 0 15.71006 0v-16.620788h16.393105a7.968871 7.968871 0 0 0 0-15.8239z m821.362888 159.377414h-16.279264v-16.96231a7.968871 7.968871 0 1 0-15.8239 0v16.96231h-16.506947a7.968871 7.968871 0 0 0 0 15.937742h16.279265v16.393105a7.968871 7.968871 0 1 0 15.8239 0V322.170173h16.279264a7.968871 7.968871 0 0 0 0-15.937742z" fill="#F7E42F" p-id="11210"></path><path d="M65.34474 521.847304H46.447132v-19.011448a9.107281 9.107281 0 1 0-18.214561 0v19.011448H9.107281a9.221122 9.221122 0 0 0 0 18.328403h18.897607v19.011449a9.107281 9.107281 0 1 0 18.214562 0v-19.011449h18.897608a9.107281 9.107281 0 0 0 9.107281-9.107281 8.879599 8.879599 0 0 0-8.879599-9.221122zM360.989843 64.092603a13.774762 13.774762 0 1 0 13.774762-13.774763 13.888603 13.888603 0 0 0-13.774762 13.774763zM969.24236 136.723167a18.328403 18.328403 0 0 0 9.107281 15.937741 17.98688 17.98688 0 0 0 18.214562 0 18.442244 18.442244 0 0 0 0-31.761641 17.98688 17.98688 0 0 0-18.214562 0 18.214562 18.214562 0 0 0-9.107281 15.8239z" fill="#F8B62D" p-id="11211"></path><path d="M603.812718 91.414445a18.214562 18.214562 0 0 0 9.107281 15.8239 17.98688 17.98688 0 0 0 18.214561 0 18.328403 18.328403 0 1 0-27.321842-15.8239z" fill="#F7E42F" p-id="11212"></path><path d="M82.990096 314.201302a37.339851 37.339851 0 1 1 37.11217-37.339852 37.22601 37.22601 0 0 1-37.11217 37.339852z m0-56.3513a19.011449 19.011449 0 1 0 18.556085 19.011448 18.897608 18.897608 0 0 0-18.556085-19.011448z" fill="#F8B62D" p-id="11213"></path><path d="M495.663758 13.774876a5.122845 5.122845 0 0 0-8.651917 3.529071 5.464368 5.464368 0 0 0 1.479933 3.642913l16.165424 16.279264a5.236686 5.236686 0 0 0 3.529071 1.479933 5.009004 5.009004 0 0 0 3.187549-1.479933 5.350527 5.350527 0 0 0 0-7.285824zM538.581819 56.920619a5.009004 5.009004 0 0 0-3.529071-1.593774 5.122845 5.122845 0 0 0-3.642913 1.593774 5.350527 5.350527 0 0 0 0 7.171984l16.279265 16.279264a4.667481 4.667481 0 0 0 3.529071 1.593774 4.895163 4.895163 0 0 0 3.529071-1.593774 4.895163 4.895163 0 0 0 0-7.058143zM535.052748 38.819898a5.464368 5.464368 0 0 0 3.529071-1.479933l16.165423-16.279264a5.236686 5.236686 0 0 0 1.479934-3.529072 5.464368 5.464368 0 0 0-1.479934-3.642912 5.122845 5.122845 0 0 0-7.285824 0l-16.165424 16.279265a5.578209 5.578209 0 0 0 0 7.285824 6.261256 6.261256 0 0 0 3.756754 1.366092zM504.771039 56.920619l-16.165424 16.279264a4.895163 4.895163 0 0 0 0 7.058143 4.895163 4.895163 0 0 0 7.058143 0l15.71006-16.279264a5.350527 5.350527 0 0 0 0-7.627348 5.122845 5.122845 0 0 0-6.602779 0.569205z m3.187548-9.904168a5.009004 5.009004 0 0 0-5.009004-5.009004h-22.768202a5.009004 5.009004 0 0 0-5.009005 5.009004 5.122845 5.122845 0 0 0 5.009005 5.122845h22.768202a5.009004 5.009004 0 0 0 5.009004-5.122845z m55.440572-5.009004h-22.768202a5.009004 5.009004 0 0 0-5.009004 5.009004 5.122845 5.122845 0 0 0 5.009004 5.122845h22.768202a5.122845 5.122845 0 0 0 4.895164-5.122845 5.009004 5.009004 0 0 0-4.895164-5.009004zM521.619508 0.000114a5.009004 5.009004 0 0 0-5.009004 5.009004v22.768202a5.122845 5.122845 0 0 0 5.009004 5.805892 5.236686 5.236686 0 0 0 5.122846-5.122846v-22.768202a5.122845 5.122845 0 0 0-5.122846-5.69205z m0 61.018781a5.009004 5.009004 0 0 0-5.009004 5.009005v22.768202a5.122845 5.122845 0 0 0 5.009004 5.122845 5.236686 5.236686 0 0 0 5.122846-5.122845v-22.768202a5.122845 5.122845 0 0 0-5.122846-5.009005z" fill="#FAEE00" p-id="11214"></path><path d="M1143.87447 485.190499a5.122845 5.122845 0 0 0-7.171984 0 5.009004 5.009004 0 0 0-1.479933 3.529071 5.464368 5.464368 0 0 0 1.479933 3.642913l16.165424 16.279264a5.236686 5.236686 0 0 0 3.529071 1.479933 5.009004 5.009004 0 0 0 3.529071-1.479933 5.350527 5.350527 0 0 0 0-7.285825z m43.031902 43.259584a4.781322 4.781322 0 0 0-3.529072-1.479933 4.55364 4.55364 0 0 0-3.529071 1.479933 5.122845 5.122845 0 0 0 0 7.171984l16.165423 16.279264a4.667481 4.667481 0 0 0 3.529072 1.593774 4.895163 4.895163 0 0 0 3.529071-1.593774 4.895163 4.895163 0 0 0 0-7.058143z m-3.529072-18.214562a5.236686 5.236686 0 0 0 3.529072-1.479933l16.165423-16.279264a5.236686 5.236686 0 0 0 1.479933-3.529072 5.464368 5.464368 0 0 0-1.479933-3.642912 4.895163 4.895163 0 0 0-7.171984 0l-16.279264 16.279264a5.578209 5.578209 0 0 0 0 7.285825 5.692051 5.692051 0 0 0 3.41523 1.366092z m-30.395549 18.214562l-16.165424 16.279264a4.895163 4.895163 0 0 0 0 7.058143 4.895163 4.895163 0 0 0 3.529072 1.593774 4.667481 4.667481 0 0 0 3.529071-1.593774l16.393105-16.279264a5.009004 5.009004 0 1 0-7.058142-7.058143z m3.187548-9.904168a5.009004 5.009004 0 0 0-5.009005-5.009004h-22.768202a5.009004 5.009004 0 0 0-5.009004 5.009004 5.122845 5.122845 0 0 0 5.009004 5.122845h22.768202a4.895163 4.895163 0 0 0 5.009005-5.122845z m55.554413-5.009004h-22.768202a5.009004 5.009004 0 0 0-5.009005 5.009004 5.236686 5.236686 0 0 0 5.009005 5.122845h22.768202a5.122845 5.122845 0 0 0 5.009004-5.122845 5.009004 5.009004 0 0 0-5.009004-5.009004z m-41.66581-42.007333a5.122845 5.122845 0 0 0-5.122845 5.009004v22.768202a5.122845 5.122845 0 1 0 10.13185 0v-22.768202a5.009004 5.009004 0 0 0-5.009005-5.009004z m0 60.90494a5.122845 5.122845 0 0 0-5.122845 5.009005v22.768202a5.122845 5.122845 0 0 0 5.122845 5.122845 5.122845 5.122845 0 0 0 5.009005-5.122845v-22.768202a5.122845 5.122845 0 0 0-5.009005-5.009005z" fill="#F8B62D" p-id="11215"></path><path d="M1155.372412 988.709287h-32.67237a13.774762 13.774762 0 1 1 0-27.549525h32.67237a13.774762 13.774762 0 0 1 0 27.549525z m-1009.76976 0H103.936842a13.774762 13.774762 0 1 1 0-27.549525h41.66581a13.774762 13.774762 0 1 1 0 27.549525z" fill="#3E3A39" p-id="11216"></path><path d="M917.444701 655.268968V374.195514a40.868923 40.868923 0 0 0-40.299718-41.66581h-543.021618a41.096605 41.096605 0 0 0-40.299718 41.66581v530.612948c0 40.413559 21.515951 73.19977 70.695267 73.19977H802.579121a117.142399 117.142399 0 0 0 114.751739-118.850015V655.268968z" fill="#BADAFA" p-id="11217"></path><path d="M917.444701 888.643039V360.079229a43.373425 43.373425 0 0 0-10.018009-27.663366c-78.550297 395.59751-610.757019 611.895429-667.336002 633.866745a43.94263 43.94263 0 0 0 39.958195 25.272704h512.284546c24.020453 0 125.11127-78.89182 125.11127-102.912273z" fill="#81BDFA" p-id="11218"></path><path d="M988.595332 989.847697H218.233216a11.896386 11.896386 0 1 1 0-23.792771h770.362116a11.896386 11.896386 0 1 1 0 23.792771zM917.444701 652.08142a11.953306 11.953306 0 0 1-12.067147-11.384101V346.076785a31.875483 31.875483 0 0 0-31.989324-31.761642H373.853877a11.896386 11.896386 0 1 1 0-23.792771h499.648194a55.895936 55.895936 0 0 1 56.009777 55.554413v294.16517a12.067147 12.067147 0 0 1-12.067147 11.839465zM257.508365 394.00385a11.384101 11.384101 0 0 1-11.953306-11.384101v-36.656805a55.782095 55.782095 0 0 1 56.009777-55.554413h24.248135a11.896386 11.896386 0 1 1 0 23.792771h-24.361976a31.989324 31.989324 0 0 0-32.103165 31.761642v36.0876a11.384101 11.384101 0 0 1-11.839465 11.953306z" fill="#3E3A39" p-id="11219"></path><path d="M583.890541 989.847697h-282.325705a55.782095 55.782095 0 0 1-56.009777-55.440572V437.604957a11.953306 11.953306 0 1 1 23.906612 0v496.916009a31.989324 31.989324 0 0 0 32.103165 31.647801h282.325705a11.384101 11.384101 0 0 1 11.953306 11.384101 11.384101 11.384101 0 0 1-11.953306 12.294829z" fill="#3E3A39" p-id="11220"></path><path d="M397.532807 578.198604H745.658616" fill="#FCEE21" p-id="11221"></path><path d="M745.658616 590.038069H397.532807a11.896386 11.896386 0 1 1 0-23.792771H745.658616a11.896386 11.896386 0 1 1 0 23.792771z" fill="#3E3A39" p-id="11222"></path><path d="M397.532807 691.811932h200.929383" fill="#FCEE21" p-id="11223"></path><path d="M598.46219 703.651397H397.532807a11.896386 11.896386 0 1 1 0-23.792771h200.929383a11.896386 11.896386 0 1 1 0 23.792771z" fill="#3E3A39" p-id="11224"></path><path d="M397.532807 805.31142h125.225112" fill="#FCEE21" p-id="11225"></path><path d="M522.757919 817.264726h-125.225112a11.896386 11.896386 0 1 1 0-23.792772h125.225112a11.896386 11.896386 0 1 1 0 23.792772z" fill="#3E3A39" p-id="11226"></path><path d="M392.523803 451.49356h405.160155" fill="#FCEE21" p-id="11227"></path><path d="M797.683958 463.446866H392.523803a11.896386 11.896386 0 1 1 0-23.792771h405.046314a12.067147 12.067147 0 0 1 12.067147 11.384101 11.384101 11.384101 0 0 1-11.953306 12.40867z" fill="#3E3A39" p-id="11228"></path><path d="M905.263713 911.183559l50.090044 49.520839a29.598663 29.598663 0 0 1 0 42.121174 30.39555 30.39555 0 0 1-42.462697 0l-51.114613-50.545408" fill="#81BDFA" p-id="11229"></path><path d="M933.951647 1024a42.462697 42.462697 0 0 1-29.712504-12.067147l-51.342295-51.114614a11.384101 11.384101 0 0 1 0-16.506946 12.294829 12.294829 0 0 1 16.96231 0l51.342296 50.203885a18.783767 18.783767 0 0 0 25.614227 0 17.417675 17.417675 0 0 0 5.236687-12.636352 17.759198 17.759198 0 0 0-5.236687-12.750193l-49.976203-49.520839a11.384101 11.384101 0 0 1 0-16.734629 12.067147 12.067147 0 0 1 16.96231 0l49.976204 49.52084a41.779651 41.779651 0 0 1 0 58.969643 42.576538 42.576538 0 0 1-29.826345 12.636352z" fill="#3E3A39" p-id="11230"></path><path d="M672.003483 840.943656a128.5265 128.5265 0 1 0 128.5265-127.388091 127.957295 127.957295 0 0 0-128.5265 127.388091z" fill="#FFFFFF" p-id="11231"></path><path d="M783.22615 980.05737a156.417548 156.417548 0 1 1 157.897481-156.417548A157.442117 157.442117 0 0 1 783.22615 980.05737z m0-289.156166a132.738618 132.738618 0 1 0 133.877028 132.738618A133.535505 133.535505 0 0 0 783.22615 690.901204z" fill="#3E3A39" p-id="11232"></path><path d="M338.1078 599.486873a11.384101 11.384101 0 0 1-11.953306-11.953306v-53.049911a12.067147 12.067147 0 0 1 24.020453 0v53.163752a12.067147 12.067147 0 0 1-12.067147 11.839465zM338.1078 500.331353a11.384101 11.384101 0 0 1-11.953306-11.384101v-92.211218A38.022897 38.022897 0 0 1 364.291232 358.826978h29.029458a11.896386 11.896386 0 1 1 0 23.792771H364.291232a14.116285 14.116285 0 0 0-14.116285 14.116285v92.211218a12.067147 12.067147 0 0 1-12.067147 11.384101z" fill="#FFFFFF" p-id="11233"></path></svg></p>
<p style="margin-top: 10px; text-align: center;">没有搜索结果,回 <a href="/" target="_self" style="cursor: var(--cursor-pointer);color: var(--theme) !important;">首页</a> 看看吧</p>
定制主题 - 内嵌Html内容(body)
添加左下角音乐播放器
<div class="bottom-player is-hidden-mobile">
<mew-music listFolded="true" fixed="true" mini="true" prompt="音乐加载中..." listMaxHeight="200px" playlist="8624929948"></mew-music>
</div>
<style>
.bottom-player {
position: relative;
width: 100%;
height: 100%;
}
.bottom-player mew-music {
margin: initial !important;
position: fixed;
bottom: 0;
}
.bottom-player .aplayer.aplayer-fixed .aplayer-body {
background: #00000000 !important;
}
.bottom-player .aplayer-list {
border: 1px solid #00000000 !important;
}
.bottom-player .aplayer-info {
border-top: 1px solid #00000000 !important;
}
</style>
mew-music
歌曲配置属性说明
meetingUrl
:填写完整的meeting-api
请求地址获取歌单;
song
:填写网易云歌曲id;
playlist
:填写网易云歌单id;
music-list
:填写自定义歌曲;
meetingUrl
设置详见自建MetingJS
- 以上属性只能选择其中之一进行配置,上述属性顺序即为识别优先级。
music-list
属性
- 值必须是json数组,即:
[]
- name:歌曲名,默认:"音乐"
- url:歌曲链接,必填字段
- artist:歌手名,默认:""未知歌手"
- cover:封面,默认:内置封面
- lrc:歌词,默认:""
样式注入
隐藏版权信息
<style>
.footer-truncation{
display: none;
}
</style>