宝塔空白页+默认页美化
把原来的 无法找到站点、站点创建成功 页面重新美化了一遍,演示地址:https://s1.imlazy.ink:233/nodomain.html
安装方法
- 登录宝塔面板,点开网站管理
- 然后你就会看见一个修改默认页的按钮,点他
- 然后选择 空白页
- 把下面的
html
代码复制粘贴进去即可
空白页
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"content="IE=Edge"><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1"><title>呐~,无法找到站点</title><link rel="stylesheet"href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.0/css/bootstrap.min.css"><style>body{background:linear-gradient(45deg,black,transparent);font-family:"Microsoft YaHei"}h1,h3,h4,h5,h6{font-family:'YaHei',serif;font-style:normal;font-weight:bold;letter-spacing:0.5px}h1{font-size:62px;padding-bottom:14px;margin-bottom:0px}h2,h3{padding-bottom:6px}h3{font-size:26px}h4{color:#666;font-size:12px;font-weight:normal;letter-spacing:2px}p{color:#fff;font-size:15px;font-weight:300;line-height:26px;letter-spacing:0.2px}.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}.btn-success:focus{background-color:#000;border-color:transparent}html{-webkit-font-smoothing:antialiased}a{color:#ff9a7b;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-decoration:none!important}a:hover,a:active,a:focus{color:#ff845e;outline:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.overlay{background:rgba(0,0,0,0.5);width:100%;height:100vh;position:absolute;top:0;left:0;right:0;bottom:0}@-webkit-keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#home{background-size:cover;background-position:center center;color:#ffffff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;text-align:center}.main-home{background:url('https://api.imlazy.ink/img')no-repeat;height:100vh}#particles-js{position:absolute;width:100%;height:100vh;top:0;left:0}#home h4{color:#bfba55}#home.btn{background:#ffffff;border:4px solid#ffffff;border-radius:100px;color:#444;font-family:'Merriweather',serif;font-size:20px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;padding:13px 22px;margin-top:42px;transition:all 0.4s ease-in-out}#home.btn:hover{background:transparent;border-color:#ffffff;color:#ffffff}@media(max-width:768px){h1{font-size:52px}h2{font-size:26px}footer.col-md-4{padding-top:22px}}@media(max-width:650px){h1{font-size:42px}}</style></head><body><section id="home"class="main-home parallax-section"><div class="overlay"></div><div id="particles-js"></div><div class="container"><div class="row"><div class="col-md-12 col-sm-12"style="text-align: left;"><h2>Oops!~没有找到站点</h2><p>呐~,当前域名貌似并没有绑定任何网站呐~</p><p>可能原因:</p><ol><li>您没有将此域名或IP绑定到对应站点!</li><li>配置文件未生效!</li></ol><p>如何解决:</p><ol><li>检查是否已经绑定到对应站点,若确认已绑定,请尝试重载Web服务;</li><li>检查端口是否正确;</li><li>若您使用了CDN产品,请尝试清除CDN缓存;</li><li>普通网站访客,请联系网站管理员;</li></ol><p>Copyright©2022<a href="https://www.lazy.ink/"target="_blank">Lazy</a>Rights Reserved.</p></div></div></div></section><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.11.1/jquery.min.js"></script><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.0/js/bootstrap.min.js"></script><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/particles.js/2.0.0/particles.min.js"></script><script>particlesJS('particles-js',{"particles":{"number":{"value":80,"density":{"enable":true,"value_area":800}},"color":{"value":"#888"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":5,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#777","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true,"config_demo":{"hide_card":false,"background_color":"#b61924","background_image":"","background_position":"50% 50%","background_repeat":"no-repeat","background_size":"cover"}});</script><script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery-parallax/1.1.3/jquery-parallax-min.js"type="application/javascript"></script><script>;(function($){var h=$.scrollTo=function(a,b,c){$(window).scrollTo(a,b,c)};h.defaults={axis:'xy',duration:parseFloat($.fn.jquery)>=1.3?0:1,limit:true};h.window=function(a){return $(window)._scrollable()};$.fn._scrollable=function(){return this.map(function(){var a=this,isWin=!a.nodeName||$.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!isWin)return a;var b=(a.contentWindow||a).document||a.ownerDocument||a;return/webkit/i.test(navigator.userAgent)||b.compatMode=='BackCompat'?b.body:b.documentElement})};$.fn.scrollTo=function(e,f,g){if(typeof f=='object'){g=f;f=0}if(typeof g=='function')g={onAfter:g};if(e=='max')e=9e9;g=$.extend({},h.defaults,g);f=f||g.duration;g.queue=g.queue&&g.axis.length>1;if(g.queue)f/=2;g.offset=both(g.offset);g.over=both(g.over);return this._scrollable().each(function(){if(e==null)return;var d=this,$elem=$(d),targ=e,toff,attr={},win=$elem.is('html,body');switch(typeof targ){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=$(targ,this);if(!targ.length)return;case'object':if(targ.is||targ.style)toff=(targ=$(targ)).offset()}$.each(g.axis.split(''),function(i,a){var b=a=='x'?'Left':'Top',pos=b.toLowerCase(),key='scroll'+b,old=d[key],max=h.max(d,a);if(toff){attr[key]=toff[pos]+(win?0:old-$elem.offset()[pos]);if(g.margin){attr[key]-=parseInt(targ.css('margin'+b))||0;attr[key]-=parseInt(targ.css('border'+b+'Width'))||0}attr[key]+=g.offset[pos]||0;if(g.over[pos])attr[key]+=targ[a=='x'?'width':'height']()*g.over[pos]}else{var c=targ[pos];attr[key]=c.slice&&c.slice(-1)=='%'?parseFloat(c)/100*max:c}if(g.limit&&/^\d+$/.test(attr[key]))attr[key]=attr[key]<=0?0:Math.min(attr[key],max);if(!i&&g.queue){if(old!=attr[key])animate(g.onAfterFirst);delete attr[key]}});animate(g.onAfter);function animate(a){$elem.animate(attr,f,g.easing,a&&function(){a.call(this,e,g)})}}).end()};h.max=function(a,b){var c=b=='x'?'Width':'Height',scroll='scroll'+c;if(!$(a).is('html,body'))return a[scroll]-$(a)[c.toLowerCase()]();var d='client'+c,html=a.ownerDocument.documentElement,body=a.ownerDocument.body;return Math.max(html[scroll],body[scroll])-Math.min(html[d],body[d])};function both(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);(function(b){function g(a,e,d){var h=e.hash.slice(1),f=document.getElementById(h)||document.getElementsByName(h)[0];if(f){a&&a.preventDefault();var c=b(d.target);if(!(d.lock&&c.is(":animated")||d.onBefore&&!1===d.onBefore(a,f,c))){d.stop&&c._scrollable().stop(!0);if(d.hash){var a=f.id==h?"id":"name",g=b("<a> </a>").attr(a,h).css({position:"absolute",top:b(window).scrollTop(),left:b(window).scrollLeft()});f[a]="";b("body").prepend(g);location=e.hash;g.remove();f[a]=h}c.scrollTo(f,d).trigger("notify.serialScroll",[f])}}}var i=location.href.replace(/#.*/,""),c=b.localScroll=function(a){b("body").localScroll(a)};c.defaults={duration:1E3,axis:"y",event:"click",stop:!0,target:window,reset:!0};c.hash=function(a){if(location.hash){a=b.extend({},c.defaults,a);a.hash=!1;if(a.reset){var e=a.duration;delete a.duration;b(a.target).scrollTo(0,a);a.duration=e}g(0,location,a)}};b.fn.localScroll=function(a){function e(){return!!this.href&&!!this.hash&&this.href.replace(this.hash,"")==i&&(!a.filter||b(this).is(a.filter))}a=b.extend({},c.defaults,a);return a.lazy?this.bind(a.event,function(d){var c=b([d.target,d.target.parentNode]).filter(e)[0];c&&g(d,c,a)}):this.find("a,area").filter(e).bind(a.event,function(b){g(b,this,a)}).end().end()}})(jQuery);jQuery(function($){$.localScroll({filter:'.smoothScroll'})});</script></body></html>
默认文档页面
(使用方法和上面一样)
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"content="IE=Edge"><meta name="viewport"content="width=device-width, initial-scale=1, maximum-scale=1"><title>芜湖,站点创建成功!</title><link rel="stylesheet"href="https://lf3-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.0/css/bootstrap.min.css"><style>body{background:linear-gradient(45deg,black,transparent);font-family:"Microsoft YaHei"}h1,h3,h4,h5,h6{font-family:'YaHei',serif;font-style:normal;font-weight:bold;letter-spacing:0.5px}h1{font-size:62px;padding-bottom:14px;margin-bottom:0px}h2,h3{padding-bottom:6px}h3{font-size:26px}h4{color:#666;font-size:12px;font-weight:normal;letter-spacing:2px}p{color:#fff;font-size:15px;font-weight:300;line-height:26px;letter-spacing:0.2px}.tlinks{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden}.btn-success:focus{background-color:#000;border-color:transparent}html{-webkit-font-smoothing:antialiased}a{color:#ff9a7b;-webkit-transition:0.5s;-o-transition:0.5s;transition:0.5s;text-decoration:none!important}a:hover,a:active,a:focus{color:#ff845e;outline:none}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.overlay{background:rgba(0,0,0,0.5);width:100%;height:100vh;position:absolute;top:0;left:0;right:0;bottom:0}@-webkit-keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes sk-innerCircle{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}#home{background-size:cover;background-position:center center;color:#ffffff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative;text-align:center}.main-home{background:url('https://api.imlazy.ink/img')no-repeat;height:100vh}#particles-js{position:absolute;width:100%;height:100vh;top:0;left:0}#home h4{color:#bfba55}#home.btn{background:#ffffff;border:4px solid#ffffff;border-radius:100px;color:#444;font-family:'Merriweather',serif;font-size:20px;font-weight:bold;letter-spacing:2px;text-transform:uppercase;padding:13px 22px;margin-top:42px;transition:all 0.4s ease-in-out}#home.btn:hover{background:transparent;border-color:#ffffff;color:#ffffff}@media(max-width:768px){h1{font-size:52px}h2{font-size:26px}footer.col-md-4{padding-top:22px}}@media(max-width:650px){h1{font-size:42px}}</style></head><body><section id="home"class="main-home parallax-section"><div class="overlay"></div><div id="particles-js"></div><div class="container"><div class="row"><div class="col-md-12 col-sm-12"style="text-align: left;"><h2>Ohhh!~站点创建成功!</h2><p>这是默认index.html,本页面由系统自动生成</p><ol><li>本页面在FTP根目录下的index.html</li><li>您可以修改、删除或覆盖本页面</li><li>FTP相关信息,请到“面板系统后台>FTP”查看</li></ol><p>Copyright©2022<a href="https://www.lazy.ink/"target="_blank">Lazy</a>Rights Reserved.</p></div></div></div></section><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery/1.11.1/jquery.min.js"></script><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/bootstrap/4.6.0/js/bootstrap.min.js"></script><script src="https://lf9-cdn-tos.bytecdntp.com/cdn/expire-1-M/particles.js/2.0.0/particles.min.js"></script><script>particlesJS('particles-js',{"particles":{"number":{"value":80,"density":{"enable":true,"value_area":800}},"color":{"value":"#888"},"shape":{"type":"circle","stroke":{"width":0,"color":"#000000"},"polygon":{"nb_sides":5},"image":{"src":"img/github.svg","width":100,"height":100}},"opacity":{"value":0.5,"random":false,"anim":{"enable":false,"speed":1,"opacity_min":0.1,"sync":false}},"size":{"value":5,"random":true,"anim":{"enable":false,"speed":40,"size_min":0.1,"sync":false}},"line_linked":{"enable":true,"distance":150,"color":"#777","opacity":0.4,"width":1},"move":{"enable":true,"speed":6,"direction":"none","random":false,"straight":false,"out_mode":"out","attract":{"enable":false,"rotateX":600,"rotateY":1200}}},"interactivity":{"detect_on":"canvas","events":{"onhover":{"enable":true,"mode":"repulse"},"onclick":{"enable":true,"mode":"push"},"resize":true},"modes":{"grab":{"distance":400,"line_linked":{"opacity":1}},"bubble":{"distance":400,"size":40,"duration":2,"opacity":8,"speed":3},"repulse":{"distance":200},"push":{"particles_nb":4},"remove":{"particles_nb":2}}},"retina_detect":true,"config_demo":{"hide_card":false,"background_color":"#b61924","background_image":"","background_position":"50% 50%","background_repeat":"no-repeat","background_size":"cover"}});</script><script src="https://lf6-cdn-tos.bytecdntp.com/cdn/expire-1-M/jquery-parallax/1.1.3/jquery-parallax-min.js"type="application/javascript"></script><script>;(function($){var h=$.scrollTo=function(a,b,c){$(window).scrollTo(a,b,c)};h.defaults={axis:'xy',duration:parseFloat($.fn.jquery)>=1.3?0:1,limit:true};h.window=function(a){return $(window)._scrollable()};$.fn._scrollable=function(){return this.map(function(){var a=this,isWin=!a.nodeName||$.inArray(a.nodeName.toLowerCase(),['iframe','#document','html','body'])!=-1;if(!isWin)return a;var b=(a.contentWindow||a).document||a.ownerDocument||a;return/webkit/i.test(navigator.userAgent)||b.compatMode=='BackCompat'?b.body:b.documentElement})};$.fn.scrollTo=function(e,f,g){if(typeof f=='object'){g=f;f=0}if(typeof g=='function')g={onAfter:g};if(e=='max')e=9e9;g=$.extend({},h.defaults,g);f=f||g.duration;g.queue=g.queue&&g.axis.length>1;if(g.queue)f/=2;g.offset=both(g.offset);g.over=both(g.over);return this._scrollable().each(function(){if(e==null)return;var d=this,$elem=$(d),targ=e,toff,attr={},win=$elem.is('html,body');switch(typeof targ){case'number':case'string':if(/^([+-]=)?\d+(\.\d+)?(px|%)?$/.test(targ)){targ=both(targ);break}targ=$(targ,this);if(!targ.length)return;case'object':if(targ.is||targ.style)toff=(targ=$(targ)).offset()}$.each(g.axis.split(''),function(i,a){var b=a=='x'?'Left':'Top',pos=b.toLowerCase(),key='scroll'+b,old=d[key],max=h.max(d,a);if(toff){attr[key]=toff[pos]+(win?0:old-$elem.offset()[pos]);if(g.margin){attr[key]-=parseInt(targ.css('margin'+b))||0;attr[key]-=parseInt(targ.css('border'+b+'Width'))||0}attr[key]+=g.offset[pos]||0;if(g.over[pos])attr[key]+=targ[a=='x'?'width':'height']()*g.over[pos]}else{var c=targ[pos];attr[key]=c.slice&&c.slice(-1)=='%'?parseFloat(c)/100*max:c}if(g.limit&&/^\d+$/.test(attr[key]))attr[key]=attr[key]<=0?0:Math.min(attr[key],max);if(!i&&g.queue){if(old!=attr[key])animate(g.onAfterFirst);delete attr[key]}});animate(g.onAfter);function animate(a){$elem.animate(attr,f,g.easing,a&&function(){a.call(this,e,g)})}}).end()};h.max=function(a,b){var c=b=='x'?'Width':'Height',scroll='scroll'+c;if(!$(a).is('html,body'))return a[scroll]-$(a)[c.toLowerCase()]();var d='client'+c,html=a.ownerDocument.documentElement,body=a.ownerDocument.body;return Math.max(html[scroll],body[scroll])-Math.min(html[d],body[d])};function both(a){return typeof a=='object'?a:{top:a,left:a}}})(jQuery);(function(b){function g(a,e,d){var h=e.hash.slice(1),f=document.getElementById(h)||document.getElementsByName(h)[0];if(f){a&&a.preventDefault();var c=b(d.target);if(!(d.lock&&c.is(":animated")||d.onBefore&&!1===d.onBefore(a,f,c))){d.stop&&c._scrollable().stop(!0);if(d.hash){var a=f.id==h?"id":"name",g=b("<a> </a>").attr(a,h).css({position:"absolute",top:b(window).scrollTop(),left:b(window).scrollLeft()});f[a]="";b("body").prepend(g);location=e.hash;g.remove();f[a]=h}c.scrollTo(f,d).trigger("notify.serialScroll",[f])}}}var i=location.href.replace(/#.*/,""),c=b.localScroll=function(a){b("body").localScroll(a)};c.defaults={duration:1E3,axis:"y",event:"click",stop:!0,target:window,reset:!0};c.hash=function(a){if(location.hash){a=b.extend({},c.defaults,a);a.hash=!1;if(a.reset){var e=a.duration;delete a.duration;b(a.target).scrollTo(0,a);a.duration=e}g(0,location,a)}};b.fn.localScroll=function(a){function e(){return!!this.href&&!!this.hash&&this.href.replace(this.hash,"")==i&&(!a.filter||b(this).is(a.filter))}a=b.extend({},c.defaults,a);return a.lazy?this.bind(a.event,function(d){var c=b([d.target,d.target.parentNode]).filter(e)[0];c&&g(d,c,a)}):this.find("a,area").filter(e).bind(a.event,function(b){g(b,this,a)}).end().end()}})(jQuery);jQuery(function($){$.localScroll({filter:'.smoothScroll'})});</script></body></html>
温馨提示
~1. 为了缓解我的服务器压力,建议把里面的~https://s1.imlazy.ink:233
改为自己的链接,加快速度
Pay by WeChat
Pay by AliPay