![]()
nginx自带的404和50x页面不好看，乘着这次维护博客的机会，给大家分享一个本站自用的404和50x的网页模板，具体怎么用大家自行领会了，懂的都懂，不懂也多说无意义…
404单页
源码和效果图如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
| <!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>404 Not Found</title>
<style type="text/css">
*{margin:0;padding:0;text-align:center;}
html,body{width:100%;height:100%;}
.content {
padding-top: 15%;
}
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0px;
color: #7D7D7D;
}
.top div{
width: 50%;
word-break: break-all;
}
.top div:first-of-type {
padding: 0px 20px;
text-align: right;
}
.top div:last-of-type {
border-left: 1px solid #CCCCCC;
text-align: left;
padding: 0px 20px;
}
.imageContent {
display: flex;
justify-content: space-between;
color: #7D7D7D;
width: 560px;
margin: 0 auto;
}
.imageContent>div {
margin: 0px 10px;
}
.visitor {
background-image: url(data:image/png;base64,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);
width: 33px;
height: 37px;
margin: auto;
}
.protectNode {
background-image: url(data:image/png;base64,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);
width: 61px;
height: 37px;
margin: auto;
}
.server {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC8AAAArCAYAAAGfseEsAAAAAXNSR0IArs4c6QAACz9JREFUWAm1WXuMVsUVP/PtFZf3W1ALCNU0mwim1KSm6R+aGLA1GqFq01Ch2iq0icalTVNrUzdKom2pxlfjo2gpNREUC0vRlpI+/tBQW6jBGpD6QEotoQK7FPb53Tv9/c6Zmft9y37UpTi7987MmfP4nTNn5s69n0iD4oob2/JqX18FN8n7efXK2E2Pu6za2yPVvh7hQBUDBWqWTBZe5sAukudSKXI59uUFkm8Qn3X97DkPCZdX+5XT4+724dJezc1/U7znaKPiqou/74nEjPfKmA0/US2Vyo9bpb+3S6rhihpc77qXfAFUBRAdXXSNTN1oQ9nxp9fCj14RX0gFNL/XENWhIiLFOW/pNue/ek8uP7ytUiy/H0K5FHBU64LqC/EwM+qXjyQFrtj4B9ALRxMFLninDnq0PQTYH/6lq5JA1vvMJoJ1BEwmraOlg6ul+AAyb5psU4u4Ct1tfuwuONIt/T3H4T5q0PJ+TNJfwfwPePYIHPudSLFNfDJlQai/+yfMWU6BA+dJp6JetOw5f9MK7y+cKcVrBGoRyulPaI+YPaHJtbXBeytZkfdLsWMXGEqnGVrOGG6RL9WZLLhUnIbPQtgE2BXGn2El6N1/ScxsZP3Pvigy5wLJt//NJkpDajlBWM2XzKwTcF3XtXIe0gyTqeAsE9auNTL5t+BnLMegOltc1nT9PEDg7Bokg1LI8UULRD3YbQJg0ZL1/HyDVOa2SP+rryUr6vBYjHci9luhmdovDQKMUnXbjsQMFhsBs87qBYFCSyhKs2b9vcAs6yBucabdzcileray52YufVjeRB+a3R4I7bIxrIcVe6FihhmD82Gy1A+o5lzEgEQaQXKtgFnHR65/sCFSIPLTVOmqO8WvvE2ngCvfpgZZwzY2FcaG2cMpquo4aVXsEqC3tTX0LCuqlgRyw/cUqY9TCJQ0nDKKnqQ+J5T94F0ZqRNaMAAkdLXG5RgShieGpaRZWGJfQ3WC2pKAxWMeNK9dKcWhDum+5S6MlmjhQvIielCO/28PXNe1t+dAqTE0LwJqGqkJS53SV9Zg5YKCFKXjZzGZwyzEFUAfmj6LpZPr5Bk3w6ErOCyjMnQwVuOV7xapYHfgEtDr1WCgCfRhIOLyZ9MEVj/ngMjH/upJbKBHpOOGVoUWJ5eLm1CpKBVuPegwN/WagsYAD9wR487wwLsyL6ovHb5iSZpQ4ho4eVTEkHCs0ox7D1um1/8xNFCRT85BfflCNF5ovJTJ16j4e0uHzCgUquZ6CXfHoOR6ppP1fPsdt8vBtx6Qd18RqWJipl0sMn3uE+7q+5aeTO60jeGJcw/CqNHVgNrEhoxiJnHlwhwnOmaXpq7uQRz374984aFzB0OEOYfiC2fp/uM9FeCxDIW6cqmYSqg4tnWcfaYQ10iBqRy8ZITrF39e3PgxSCII8Q+KIKVtdLSvh4ew30Tk5NFrcN3IeyrEUUWNQJEJmMKohOhhCUPBExpWANZvoFsycxvCAXFSoOsbSgLycpyKAUhzMRhpoD1zCy8jJL1weApCqoq3pIQ86CqfjkblrDf/dFD1Wb5uC+RiGOgBEyRsARoOM1iLtvaJxTlpVHAKgaLZ58uwR78bjFBxiC3iynE+pQxAzBKGhYA41lh5RoZhN39B3MRxYA5KNUzRGwYj7DvRqI5bvGmkUdEJ7f763apYY5kMQAhKNGMCzfowmr8h/u3t4nHoVzs48SUD2IplwtQr3YQDLwJ5QDtQQUSnaGtQHl0jfqcppUpd2/821XETKw4c2Oz3f6Ld9T73a4DjMd1Qkk3TjKgpzZqGtHjpWrpA/DGQ0Y8BiW8FgYkLVyoj8PDo+0W7PsDJHldmypZA07iqEaibCqVvmRpGQI2wj42kgvUuw1HzQTL7omOaLU2fbJFRq7BZ12ZGyAZNQYSMBumBx/sTQ8GLyKncvYNrHxp8GuHAKNNwVZtzndDh31gklUnjQ1rRg7ACI1qGhReKe68Mh/Z5+wxvKLSISS4OAv3xP43VVOz8yregkLE1LBoeYKrLYX2PgPAZ0BHQmznQDuFCCfbtMTRxFDYu7/eD+jHbboOBsK+YiAFSRUDmR4N62EZIGzcHtNetr8cOop+Pa8z8TjaHVPzWFu/fsSNvEg6NOuRTm/AKPNTywXviQhiiaJ3SSMxynYLY/dC1b8OEINc1VWqloivIUfeD/+ME4H1bJu1dB2XP78fLv94QGT9DpOVykdETp7j5bcgXGPA33TsPb2xPYlKZnaFECOxi2uh39F2ziCsa24Zy25itYiaEUSO/7p4khQ3OmsxKFvbcfiTisuZ19+NFcGjF3vo98ygYDfK1IGp31tQGSF20NWCjA1QxkE/1w0TkgbQur2h35JyJde/NH8aNkJAB+I9uxY7M90uUI0fFt+IzhoKzca5lGlNaoOtIcIRiETTnjm2T105qKw9lKJCc0M6QbhVoNCPcAp/eJP5Qp/jDnVI8tRGRgXHuZrEORzPtAxg3IRtDGhBo4sUY3pniWEmnrqCvhp+yp1LCIw8xoBM790jRulLbpgy0mg0tRpwxY9uia7PBMEY6dbHHfz0SqjL2TY5dkw99sp9C4RcWPk1RDIwZDpoiQGOwfUmBGX9qKrshSGmiLIFGeWuCmhrqgIqStnu7NYdwz4rnt2J2+dVN41YXTQJRMAll7DNymGoLfeKhBi3k13/yM6VItTGmkvaiTqYP/po/fZ7Sh3LL4tkiPkQVAEGbBaI0cDQRDFoNDn0YB1ApbwOfKTCZAXJRj+k+tXwnvAyrTvOSuX3mo3eKmzROnfeHO6RnKc6WAVSszaABtvDSUfzp2lCPDTDd578CDw4lWgRMOmSCc2p4CDeNPA0QXN/ja+WMZV9U8b7H1oJm56YIwMAUKbUSXe0HgAmIIodIpFNtaEuXSO96+xLA4xHeFmSZ5P4W8qBwA+dpUetxD8joUSuc2x/OOmSw4rqvW56+0pCUIkxDcadhdJJh4zHgKgAZDR+ZSnnFznxWosh/1ojsxSd+gCWuPAYfNXn4pcd2BNQ1hUdeLhM9+lJwyvTX3dR9OKiBvW/9Fuxm/CipZmhdRRmx0EAVaBjTNRoHEktshJoSNTPQ9W18iP2naaE8cbNmIR72p2zBDcQINKxrBR1p4LCCM6e7BJ+v+vDJHjuA6YJBnH9Lw8BSNxMEFEBFuoJMNBs/YSb6SrC0Hl8soiN0wOOnAYInjSEwQGgMaCthlN7xFh/eB5JBOlALhqoCTRXHcXRs26MpspR8ptr0qMwYUPC1yx1FzS/bxqARZ1P7ODjWIQ9MzAnVMRnjF6F9zlwSoGUHwTPSFu3RT90nlckTqE+/8R1dbD8lcT6oAK8UpWOQU6Wk0byCp6T2dEzHSerAhQN6BE0SCyPOQrr7FG54OfJYpPF1h2NRB2t9O+vYwddDPYDVRL6QrodXy4hbl4DLy/GHVienGFU1nLZN9pBgqOi4OQESGmoEzVh0DMC1BnFgTU11aQMGxiG+XVMPZeoKvley4AWt2I9VMp1R7f/zTnxRXQ4ywFIDC2dFa95Jp3IuMVNaKua4nTQGAnQTIQMHWFQX6rhoCZyXe7ccTC96GPC4HD8Bs6bimbjOuxpp0y7Z+M2rZqBLsCUOEk5nedn9XTqf/bjmO1A7XJ7fL7BIHbZ8fvmV93Hh50fd27E+uEb0YhafZW0Nz5lo9w/nmj9xRkg83cU/g4BzN0GJKREnVvMbqGKaDBw3qfKufCPB/7X0A0A5+JG0zr3xbn4L4HbIN+tYaxszEGvORmyzHuzSbwrnL3meOD+6VBkkCn7rd2ZJz7G35WX8dIus1aK5gBbrRgU5LxdfJTJp1hXucw/+JrL9F4d4fW6C7gKtAAAAAElFTkSuQmCC);
width: 47px;
height: 43px;
margin: auto;
}
.success {
background-image: url(data:image/png;base64,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);
width: 102px;
height: 24px;
}
.timeout {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAYCAYAAAAI94jTAAAFCklEQVRoge2ZX2xTZRTAf+29bW/XbqMro1vXbR0MUYYTCQqIxBgwiD7sicQHNP4hvKgxJghKjDE+qDGoCPHFRBMiRHkCHwxGI2JENlRYYBIY+wO40a1d6daObmt3ez8flhU2tpX1tnc88Hv7vnvuOef29Dvn+85nEkII7nHXYZ5rB+4xNfJcGj89GOZI+DInY0ECiThRNTmX7qQpkGS8VgcPOktomO9n/bwKJJPJUB9Mc5HKzsUjbG9v5Jf+bqNNZ8VSh4tPFq7mWXeVYTYND8zBYBtbW39nREsZaTYn7Khazoc1jxqyegwNzMFgO1su/GqUubzwum8Ze2vX6tKhqiqqqqIoyrQyhhX/lniEra3HjTKXN/Z1/8u3wTZdOjRNo6enh1gsNq2MDCCEQNM0XcYysb29Mev0VWlz4JJtM8oktBStw9H0+HnPYo5GugiPjvBy2RIAvultZbnTzRJ7MYf6OrPyBWBnRxMNriocUnZ7J03TEEIQDodJJpO43W5Mk9KjPC549erVrB3NxPlkjJ91FPoGt58nXN70WDFLrCny8NtAID0XSMR5o/0kADaTGSHg3aoV7Oxswm1R0vOfLVrDO52nsJnMJER2f8ae5BB7LjSxpbAy628aJxaLkUwm8Xg8SJKUnjcJIUQqlcprYPZEO9gXzf4fOpkyq53DdRtZ03xkyufD617hXDwyo456Rwn2P77O2ofHFTf7F6zI+v3JyLKMx+PBZhvLDOm1eGu0ck1zMppZKIf0jY6wrvkH1rsqpnx+rD9A26rndNk4kxjQ9ZulUinMZnM6hQkhCAaDlJaWYrfbxwIjSRLV1dW6HJ2J/tAp3Tpe89bRryY4GGrPKLvr8l8Uy1b2LV7Ll9fOT3i2rfwBNpz9kZ2d+nwaEilKfF4KJYsuPdNhyMl/NAc7ckWSsWlqelzvdNOycnN6/MLFYzTfuA7AgWAbpRYFVQgGJnUTxn357g4CnInRLGvUnWBIYLzWAi4NDeRU57kb16etMQAxdZQPrpwGYFPJWJE+Guni4/+aiagjuu0rZinjTlEPhgSm3unm+C07qHyzSClid+3q9LhWKQbAKY+lnc0LFvLe5X9oybBBmIl6p5t8nv/TgUkmk7edZVKpFEIIZFlf/DYVlrOXFl06ZsM82QoCXm07AYzVFYCvei4A8NHCVZRapj913wnPFFcwMqJ/5U2FoigTV0woFEJV1enks6ZWCO63OLk4emPW7xZJFiptTsosdhSzRF2Bi/kWBbskU1fgmiDbnYgTTY3VlGEtRSA5BJCeCySHeKzIg8/mIJ7K/jsLTBJPa4UEArnPAiaTiZqampuBsVqtVFRUEAqFGB4ezqkxs8nE2/Pu48W+M7N+d5mjhDd99QBUAw853AC0DUV5379yguwX11o4Ee0loib4M9o7pb6nXD5+inTx92DfrH0ZZ1uRn1Ipf/UFpmhiCiGIRCJEozfPHjab7baWQTbsjlzi83Crbj2zpdxaAIyd2PXypNPD/vJH8tph9nq903eXBwcHCYfDCCHw+/2Yzfr7nZoQ7Og8xaddZ3Xrmgs2llRyaOkGimVr3m3N2PZPJBIEg0F8Pl9OAjPO96EO3upopDsRz5nOfOKULOyoWs6uqocNu8nMeB8zuXWQK4Y1lQPBNg73XaEx1nvbQXCuKZBk6h1uGub7ealsCR6r3VD7c3K1PBVDmnr33PmbZUPS1UzcNYG5x0T+B14n5iDAOsBEAAAAAElFTkSuQmCC);
width: 100px;
height: 24px;
}
.nodeName {padding-top: 20px;}
</style>
</head>
<body>
<div class="content">
<h1>404 Not Found</h1>
<div class="top">
<div>您访问的网站页面未找到。</div>
<div>Sorry, page not found.</div>
</div>
<div class="imageContent">
<div>
<div class="visitor"></div>
<div class="nodeName">网站访问者</div>
</div>
<div>
<div class="success"></div>
</div>
<div>
<div class="protectNode"></div>
<div class="nodeName">CDN节点</div>
</div>
<div>
<div class="timeout"></div>
</div>
<div>
<div class="server"></div>
<div style="padding-top: 14px;">源站服务器</div>
</div>
</div>
</div>
</body></html>
|
404单页效果图如下：
![]()
50X单页
源码和效果图如下：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
| <!DOCTYPE html>
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>502 Bad Gateway</title>
<style type="text/css">
*{margin:0;padding:0;text-align:center;}
html,body{width:100%;height:100%;}
.content {
padding-top: 15%;
}
.top {
display: flex;
justify-content: space-between;
align-items: center;
padding: 40px 0px;
color: #7D7D7D;
}
.top div{
width: 50%;
word-break: break-all;
}
.top div:first-of-type {
padding: 0px 20px;
text-align: right;
}
.top div:last-of-type {
border-left: 1px solid #CCCCCC;
text-align: left;
padding: 0px 20px;
}
.imageContent {
display: flex;
justify-content: space-between;
color: #7D7D7D;
width: 560px;
margin: 0 auto;
}
.imageContent>div {
margin: 0px 10px;
}
.visitor {
background-image: url(data:image/png;base64,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);
width: 33px;
height: 37px;
margin: auto;
}
.protectNode {
background-image: url(data:image/png;base64,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);
width: 61px;
height: 37px;
margin: auto;
}
.server {
background-image: url(data:image/png;base64,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);
width: 47px;
height: 43px;
margin: auto;
}
.success {
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGYAAAAYCAYAAAAI94jTAAAFCklEQVRoge2ZX2xTZRTAf+29bW/XbqMro1vXbR0MUYYTCQqIxBgwiD7sicQHNP4hvKgxJghKjDE+qDGoCPHFRBMiRHkCHwxGI2JENlRYYBIY+wO40a1d6daObmt3ez8flhU2tpX1tnc88Hv7vnvuOef29Dvn+85nEkII7nHXYZ5rB+4xNfJcGj89GOZI+DInY0ECiThRNTmX7qQpkGS8VgcPOktomO9n/bwKJJPJUB9Mc5HKzsUjbG9v5Jf+bqNNZ8VSh4tPFq7mWXeVYTYND8zBYBtbW39nREsZaTYn7Khazoc1jxqyegwNzMFgO1su/GqUubzwum8Ze2vX6tKhqiqqqqIoyrQyhhX/lniEra3HjTKXN/Z1/8u3wTZdOjRNo6enh1gsNq2MDCCEQNM0XcYysb29Mev0VWlz4JJtM8oktBStw9H0+HnPYo5GugiPjvBy2RIAvultZbnTzRJ7MYf6OrPyBWBnRxMNriocUnZ7J03TEEIQDodJJpO43W5Mk9KjPC549erVrB3NxPlkjJ91FPoGt58nXN70WDFLrCny8NtAID0XSMR5o/0kADaTGSHg3aoV7Oxswm1R0vOfLVrDO52nsJnMJER2f8ae5BB7LjSxpbAy628aJxaLkUwm8Xg8SJKUnjcJIUQqlcprYPZEO9gXzf4fOpkyq53DdRtZ03xkyufD617hXDwyo456Rwn2P77O2ofHFTf7F6zI+v3JyLKMx+PBZhvLDOm1eGu0ck1zMppZKIf0jY6wrvkH1rsqpnx+rD9A26rndNk4kxjQ9ZulUinMZnM6hQkhCAaDlJaWYrfbxwIjSRLV1dW6HJ2J/tAp3Tpe89bRryY4GGrPKLvr8l8Uy1b2LV7Ll9fOT3i2rfwBNpz9kZ2d+nwaEilKfF4KJYsuPdNhyMl/NAc7ckWSsWlqelzvdNOycnN6/MLFYzTfuA7AgWAbpRYFVQgGJnUTxn357g4CnInRLGvUnWBIYLzWAi4NDeRU57kb16etMQAxdZQPrpwGYFPJWJE+Guni4/+aiagjuu0rZinjTlEPhgSm3unm+C07qHyzSClid+3q9LhWKQbAKY+lnc0LFvLe5X9oybBBmIl6p5t8nv/TgUkmk7edZVKpFEIIZFlf/DYVlrOXFl06ZsM82QoCXm07AYzVFYCvei4A8NHCVZRapj913wnPFFcwMqJ/5U2FoigTV0woFEJV1enks6ZWCO63OLk4emPW7xZJFiptTsosdhSzRF2Bi/kWBbskU1fgmiDbnYgTTY3VlGEtRSA5BJCeCySHeKzIg8/mIJ7K/jsLTBJPa4UEArnPAiaTiZqampuBsVqtVFRUEAqFGB4ezqkxs8nE2/Pu48W+M7N+d5mjhDd99QBUAw853AC0DUV5379yguwX11o4Ee0loib4M9o7pb6nXD5+inTx92DfrH0ZZ1uRn1Ipf/UFpmhiCiGIRCJEozfPHjab7baWQTbsjlzi83Crbj2zpdxaAIyd2PXypNPD/vJH8tph9nq903eXBwcHCYfDCCHw+/2Yzfr7nZoQ7Og8xaddZ3Xrmgs2llRyaOkGimVr3m3N2PZPJBIEg0F8Pl9OAjPO96EO3upopDsRz5nOfOKULOyoWs6uqocNu8nMeB8zuXWQK4Y1lQPBNg73XaEx1nvbQXCuKZBk6h1uGub7ealsCR6r3VD7c3K1PBVDmnr33PmbZUPS1UzcNYG5x0T+B14n5iDAOsBEAAAAAElFTkSuQmCC);
width: 102px;
height: 24px;
}
.timeout {
background-image: url(data:image/png;base64,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);
width: 100px;
height: 24px;
}
.nodeName {padding-top: 20px;}
</style>
</head>
<body>
<div class="content">
<h1>502 Bad Gateway</h1>
<div class="top">
<div>您访问的网站暂时出现故障。</div>
<div>Website is temporarily offline.</div>
</div>
<div class="imageContent">
<div>
<div class="visitor"></div>
<div class="nodeName">网站访问者</div>
</div>
<div>
<div class="success"></div>
</div>
<div>
<div class="protectNode"></div>
<div class="nodeName">百度云防护节点</div>
</div>
<div>
<div class="timeout"></div>
</div>
<div>
<div class="server"></div>
<div style="padding-top: 14px;">源站服务器</div>
</div>
</div>
</div>
</body></html>
|
50X单页效果图如下：
![]()
