让typecho拥有一个漂亮的404页面

博主：听闻
发布时间：2022 年 02 月 27 日
23130 次浏览
62 条评论
2749字数
分类： ☀️handsome魔改

前言

我用得是handsome主题，handsome默认的404页面不是很好看，所以就琢磨着换一个页面，下面我找了四款自己认为还不错的404页面可以替换的，大家根据喜欢来替换即可.
handsome默认404/不好看丫

1

展示

文件夹名称：404
把文件夹放到服务器任意目录，
修改404.php内的第10-12行，把css文件地址替换成刚上传的目录地址
修改404.php内的第29-38行，把导航地址替换成自己需要的地址
修改404.php内的第211-212行，把home地址替换成自己的首页地址
修改404.php内的第220-221行，把js文件地址替换成刚上传的目录地址
复制或替换/usr/themes/handsome内的404.php文件即可（记得备份原404.php文件）
替换文件下方评论获取

2

展示

文件夹名称：405
把文件内文件放到/usr/themes/handsome下
修改404.php6-7行地址，跟换成自己的即可。
记得备份原404.php文件
替换文件下方评论获取

3

展示

文件夹名称：406
把文件夹放到服务器任意目录，
修改404.php内的第8行，把css文件地址替换成刚上传的目录地址
修改404.php内的第27-29行，把导航地址替换成自己需要的地址
复制或替换/usr/themes/handsome内的404.php文件即可（记得备份原404.php文件）
替换文件下方评论获取

4

展示

文件夹名称：407
把文件夹放到服务器任意目录，
修改404.php内的第7行，把css文件地址替换成刚上传的目录地址
复制或替换/usr/themes/handsome内的404.php文件即可（记得备份原404.php文件）
替换文件下方评论获取

替换文件，评论获取。

此处内容需要评论回复后（审核通过）方可阅读。

最后修改：2023 年 05 月 19 日

如果你喜欢，请随意赞赏

62 条评论

Krystal
2024-9-26 10:16:41

求分享，谢谢

回复
x2012qq
2024-9-17 03:02:47

感谢分享

回复
kk
2024-6-26 06:00:54

让我看看

回复
hto
2024-6-13 14:09:11

让我看看！

回复
花开花落
2024-6-12 11:51:14

滴！学生卡！

回复
bozi
2024-6-7 20:37:33

滴！学生卡！打卡时间：2024-6-7

回复
whistle
2024-3-25 21:12:29

滴！学生卡！打卡时间：21:11:44，请上车的乘客系好安全带~

回复
无名
2024-3-11 00:27:40

不错

回复
小旭
2024-3-9 04:50:59

白嫖一下

回复
云曦
2024-3-7 17:29:33

滴！学生卡！打卡时间：17:29:32，请上车的乘客系好安全带~

回复
艾霂
2024-1-1 10:40:43

网站有点小卡

回复
cbq
2023-12-13 16:46:01

想要406文件

回复
刚下飞机的女孩
2023-8-2 15:28:25

滴！学生卡！打卡时间：15:28:25，请上车的乘客系好安全带~

回复
1. 听闻
  2023-8-2 18:43:44
  
  @刚下飞机的女孩
  
  看到你的时候，我想到了岁月静美🫣🫣🫣
  
  回复
  1. 刚下飞机的女孩
    2023-8-4 22:11:11
    
    @听闻
    
    谁呀
    
    回复
ccc
2023-7-5 21:13:18

6666

回复
躲闪的匿名人士
2023-1-29 02:01:40

打卡

回复
蓝天
2022-9-24 16:50:28

回复
小有名气的男孩
2022-9-22 10:55:25

打卡

回复
潜心学习的人士
2022-8-27 11:37:43

打卡打卡

回复
tt
2022-8-8 23:23:44

打卡

回复
大名鼎鼎的女士
2022-7-24 12:25:40

滴！学生卡！打卡时间：13:19:19，请上车的乘客系好安全带~

回复
大名鼎鼎的女孩
2022-7-20 22:14:24

康康

回复
不知名的匿名人士
2022-6-27 13:46:28

我又来了

回复
milo
2022-6-11 17:58:00

hihi

回复
大黄
2022-5-15 23:23:46

学习一下

回复
z
2022-5-14 09:37:06

ddd

回复
知名的女孩
2022-5-4 00:04:45

来看看

回复
1. 听闻
  2022-5-4 00:06:06
  
  @知名的女孩
  
  回复
乔木冠华
2022-4-28 00:12:10

有完美了一点

回复
1. 听闻
  2022-4-28 00:49:32
  
  @乔木冠华
  
  回复
潜心学习的女士
2022-4-28 00:11:29

学习学习

回复
1. 听闻
  2022-4-28 00:49:21
  
  @潜心学习的女士
  
  回复
Najest Yang
2022-4-17 20:31:28

再抄一次作业

回复
1. 听闻
  2022-4-17 22:21:16
  
  @Najest Yang
  
  回复
hes
2022-4-16 15:58:25

来看看

回复
1. 听闻
  2022-4-17 03:04:49
  
  @hes
  
  欢迎~~~
  
  回复
不知名的男孩
2022-4-13 16:54:28

来看看

回复
山河不入梦
2022-4-9 00:05:30

不错不错，拿走试一下

回复
1. 骄傲的贫僧
  2022-4-9 15:40:27
  
  @山河不入梦
  
  为什莫下载不了啊
  
  回复
  1. 听闻
    2022-4-9 15:42:09
    
    @骄傲的贫僧
    
    评论后需要刷新一下页面
    
    回复
宇领风骚
2022-4-5 17:34:54

来看看，

回复
1. 听闻
  2022-4-5 19:11:04
  
  @宇领风骚
  
  回复
挺胸的男孩
2022-3-29 20:08:32

感谢楼主。

回复
Najest Yang
2022-3-28 17:31:41

嘀嘀嘀嘀滴

回复
zzaiyan
2022-3-23 22:00:36

支持

回复
躲闪的学生
2022-3-22 13:19:57

滴！学生卡！打卡时间：13:19:19，请上车的乘客系好安全带~

回复
夜栩
2022-3-18 13:53:38

嘀嘀嘀嘀滴

回复
大名鼎鼎的学生
2022-3-18 08:07:09

该评论仅登录用户及评论双方可见

回复
Janexia
2022-3-16 20:16:31

还不错哦

回复
潜心学习的匿名人士
2022-3-12 18:29:19

感觉还可以哦

回复
不知名的人士
2022-3-9 23:31:09

滴！学生卡！打卡时间：23:29:56，请上车的乘客系好安全带~

回复
littlemoe
2022-3-9 12:50:38

谢谢！非常好看！

回复
wzx
2022-3-6 10:11:36

滴！学生卡！打卡时间：上午10:10:52 写得好好哟,我要给你生猴子！，请上车的乘客系好安全带~

回复
骄傲的女士
2022-3-6 00:33:20

这个可以顶啊！！

回复
1. 听闻
  2022-3-6 18:46:17
  
  @骄傲的女士
  
  请把博主顶在墙上
  
  回复
Dq200
2022-3-3 21:44:23

滴！学生卡！打卡时间：下午9:42:33，请上车的乘客系好安全带~

回复
吃瓜市民王先生
2022-3-2 00:27:39

哈哈哈哈

回复
xxdcc
2022-3-1 18:09:44

嘟嘟嘟嘟

回复
雨落倾城
2022-3-1 17:01:52

下载不了啊下载按钮点不动

回复
1. 听闻
  2022-3-1 17:02:47
  
  @雨落倾城
  
  该评论仅登录用户及评论双方可见
  
  回复
雨落倾城
2022-3-1 17:00:16

滴！学生卡！打卡时间：16:59:21，请上车的乘客系好安全带~

回复

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

评论 *

私密评论

名称 *

🎲

邮箱 *

地址 *

让typecho拥有一个漂亮的404页面

听闻 • 2022 年 02 月 27 日

<h1>前言</h1><p>我用得是handsome主题，handsome默认的404页面不是很好看，所以就琢磨着换一个页面，下面我找了四款自己认为还不错的404页面可以替换的，大家根据喜欢来替换即可.<br><img src="https://pic.imgdb.cn/item/621cb33a2ab3f51d91ad6805.jpg" alt="handsome默认404/不好看丫" title="handsome默认404/不好看丫" style=""></p><hr><h2>1 <img src="https://youpaiyun1.sangxuesheng.cn/assets9.0.2/img/emotion/AL001/1.png" class="emotion-AL001"></h2><p><img src="https://pic.imgdb.cn/item/621b98b42ab3f51d91524bed.jpg" alt="" title="" style=""></p><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-8d4c4390fedf834d298efc7277037607100' role="tab" data-target='#tabs-8d4c4390fedf834d298efc7277037607100'>展示</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-e17e2e05b4e734a7933f2e0c214f4dea851' role="tab" data-target='#tabs-e17e2e05b4e734a7933f2e0c214f4dea851'>预览</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-77a5fa87d1a795394f84cf2ee487d6e8492' role="tab" data-target='#tabs-77a5fa87d1a795394f84cf2ee487d6e8492'>使用方法</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-8d4c4390fedf834d298efc7277037607100' class="tab-pane fade active in">
            <br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-3846dcd41ea2871b7063a7b9943a4a7c32" aria-expanded="true"><div class="accordion-toggle"><span style="">展示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-3846dcd41ea2871b7063a7b9943a4a7c32" class="collapse collapse-content"><p></p></p><iframe align="center" width="100%" height="900px" src="https://bili.sangxuesheng.com/404/404.php"  frameborder="no" border="0"  scrolling="no" marginwidth="0" marginheight="0" ></iframe><p><p></p></div></div></div><br></div><div role="tabpanel" id='tabs-e17e2e05b4e734a7933f2e0c214f4dea851' class="tab-pane fade  ">
            <br><button class=" btn m-b-xs btn-info  " onclick="window.open('https://bili.sangxuesheng.com/404/404.php','_blank')">点击预览</button><br></div><div role="tabpanel" id='tabs-77a5fa87d1a795394f84cf2ee487d6e8492' class="tab-pane fade  ">
            </p><ul><li>文件夹名称：<code>404</code></li><li>把文件夹放到服务器任意目录，</li><li>修改<code>404.php</code>内的<code>第10-12行</code>，把<code>css文件</code>地址替换成刚上传的目录地址</li><li>修改<code>404.php</code>内的<code>第29-38行</code>，把<code>导航</code>地址替换成自己需要的地址</li><li>修改<code>404.php</code>内的<code>第211-212行</code>，把<code>home</code>地址替换成自己的首页地址</li><li>修改<code>404.php</code>内的<code>第220-221行</code>，把<code>js文件</code>地址替换成刚上传的目录地址</li><li>复制或替换<code>/usr/themes/handsome</code>内的<code>404.php</code>文件即可（记得备份原<code>404.php</code>文件）</li><li>替换文件下方评论获取<br></div>
</div>
</div></li></ul><hr><h2>2 <img src="https://youpaiyun1.sangxuesheng.cn/assets9.0.2/img/emotion/AL001/13.png" class="emotion-AL001"></h2><iframe src="https://bili.sangxuesheng.com/player/?url=https://www.xn--9qr844m.cn:5244/d/%E6%9C%AC%E5%9C%B0/%E9%98%BF%E9%87%8C%E4%BA%91%E7%9B%98%E8%B5%84%E6%96%99%E5%A4%87%E4%BB%BD%E5%85%B1%E4%BA%AB/%E8%A7%86%E9%A2%91/404.mp4" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" width="100%" height="500px" frameborder="0"></iframe><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-aa47d88775d7abfd4e13c5feaa6b416a970' role="tab" data-target='#tabs-aa47d88775d7abfd4e13c5feaa6b416a970'>展示</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-6f2c606ba7603d987b6ed357ab6e01e9671' role="tab" data-target='#tabs-6f2c606ba7603d987b6ed357ab6e01e9671'>预览</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-549de0e68d765f069f3ee2910f5a2a10712' role="tab" data-target='#tabs-549de0e68d765f069f3ee2910f5a2a10712'>使用方法</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-aa47d88775d7abfd4e13c5feaa6b416a970' class="tab-pane fade active in">
            <br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-4382cdcda53c04d035036cf67308170f78" aria-expanded="true"><div class="accordion-toggle"><span style="">展示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-4382cdcda53c04d035036cf67308170f78" class="collapse collapse-content"><p></p></p><iframe align="center" width="100%" height="1000px" src="https://bili.sangxuesheng.com/405/404.php"  frameborder="no" border="0"  scrolling="no" marginwidth="0" marginheight="0" ></iframe><p><p></p></div></div></div><br></div><div role="tabpanel" id='tabs-6f2c606ba7603d987b6ed357ab6e01e9671' class="tab-pane fade  ">
            <br><button class=" btn m-b-xs btn-info  " onclick="window.open('https://bili.sangxuesheng.com/405/404.php','_blank')">点击预览</button><br></div><div role="tabpanel" id='tabs-549de0e68d765f069f3ee2910f5a2a10712' class="tab-pane fade  ">
            </p><ul><li>文件夹名称：<code>405</code></li><li>把文件内文件放到<code>/usr/themes/handsome</code>下</li><li>修改<code>404.php</code>6-7行地址，跟换成自己的即可。</li><li>记得备份原<code>404.php</code>文件</li><li>替换文件下方评论获取<br></div>
</div>
</div></li></ul><hr><h2>3 <img src="https://youpaiyun1.sangxuesheng.cn/assets9.0.2/img/emotion/AL001/14.png" class="emotion-AL001"></h2><p><img src="https://pic.imgdb.cn/item/621cbfad2ab3f51d91c512b0.jpg" alt="" title="" style=""></p><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-2b324dca8e878174726e1b02d5781091530' role="tab" data-target='#tabs-2b324dca8e878174726e1b02d5781091530'>展示</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1df9460a26079fcb7fd31a43d932cb4b941' role="tab" data-target='#tabs-1df9460a26079fcb7fd31a43d932cb4b941'>预览</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-1c7c1e1dff959d3c6c2b94d207a7667e802' role="tab" data-target='#tabs-1c7c1e1dff959d3c6c2b94d207a7667e802'>使用方法</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-2b324dca8e878174726e1b02d5781091530' class="tab-pane fade active in">
            <br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-1dd4f46bc205123573b658584e9d48ba57" aria-expanded="true"><div class="accordion-toggle"><span style="">展示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-1dd4f46bc205123573b658584e9d48ba57" class="collapse collapse-content"><p></p></p><iframe align="center" width="100%" height="900px" src="https://bili.sangxuesheng.com/406/404.php"  frameborder="no" border="0"  scrolling="no" marginwidth="0" marginheight="0" ></iframe><p><p></p></div></div></div><br></div><div role="tabpanel" id='tabs-1df9460a26079fcb7fd31a43d932cb4b941' class="tab-pane fade  ">
            <br><button class=" btn m-b-xs btn-info  " onclick="window.open('https://bili.sangxuesheng.com/406/404.php','_blank')">点击预览</button><br></div><div role="tabpanel" id='tabs-1c7c1e1dff959d3c6c2b94d207a7667e802' class="tab-pane fade  ">
            </p><ul><li>文件夹名称：<code>406</code></li><li>把文件夹放到服务器任意目录，</li><li>修改<code>404.php</code>内的<code>第8行</code>，把<code>css文件</code>地址替换成刚上传的目录地址</li><li>修改<code>404.php</code>内的<code>第27-29行</code>，把<code>导航</code>地址替换成自己需要的地址</li><li>复制或替换<code>/usr/themes/handsome</code>内的<code>404.php</code>文件即可（记得备份原<code>404.php</code>文件）</li><li>替换文件下方评论获取<br></div>
</div>
</div></li></ul><hr><h2>4 <img src="https://youpaiyun1.sangxuesheng.cn/assets9.0.2/img/emotion/AL001/143.png" class="emotion-AL001"></h2><iframe src="https://bili.sangxuesheng.com/player/?url=https://www.xn--9qr844m.cn:5244/d/%E6%9C%AC%E5%9C%B0/%E9%98%BF%E9%87%8C%E4%BA%91%E7%9B%98%E8%B5%84%E6%96%99%E5%A4%87%E4%BB%BD%E5%85%B1%E4%BA%AB/%E8%A7%86%E9%A2%91/404%E9%A1%B5%E9%9D%A2.mp4" allowfullscreen="allowfullscreen" mozallowfullscreen="mozallowfullscreen" msallowfullscreen="msallowfullscreen" oallowfullscreen="oallowfullscreen" webkitallowfullscreen="webkitallowfullscreen" width="100%" height="500px" frameborder="0"></iframe><p><div class="tab-container post_tab box-shadow-wrap-lg">
<ul class="nav no-padder b-b scroll-hide" role="tablist">
<li class='nav-item active' role="presentation"><a class='nav-link active' style="" data-toggle="tab" 
aria-controls='tabs-ae4beb482cc2814aa7ac320768634916490' role="tab" data-target='#tabs-ae4beb482cc2814aa7ac320768634916490'>展示</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-d86754a2f7d50f4eb55c6d5b34626977221' role="tab" data-target='#tabs-d86754a2f7d50f4eb55c6d5b34626977221'>预览</a></li><li class='nav-item ' role="presentation"><a class='nav-link ' style="" data-toggle="tab" 
aria-controls='tabs-93124d62901a5d002b725ad5f8873e84162' role="tab" data-target='#tabs-93124d62901a5d002b725ad5f8873e84162'>使用方法</a></li>
</ul>
<div class="tab-content no-border">
<div role="tabpanel" id='tabs-ae4beb482cc2814aa7ac320768634916490' class="tab-pane fade active in">
            <br><div class="panel panel-default collapse-panel box-shadow-wrap-lg"><div class="panel-heading panel-collapse" data-toggle="collapse" data-target="#collapse-06b38d639ed999d4f932e361b70a6d0496" aria-expanded="true"><div class="accordion-toggle"><span style="">展示</span>
<i class="pull-right fontello icon-fw fontello-angle-right"></i>
</div>
</div>
<div class="panel-body collapse-panel-body">
<div id="collapse-06b38d639ed999d4f932e361b70a6d0496" class="collapse collapse-content"><p></p></p><iframe align="center" width="100%" height="400px" src="https://bili.sangxuesheng.com/407/404.html"  frameborder="no" border="0"  scrolling="no" marginwidth="0" marginheight="0" ></iframe><p><p></p></div></div></div><br></div><div role="tabpanel" id='tabs-d86754a2f7d50f4eb55c6d5b34626977221' class="tab-pane fade  ">
            <br><button class=" btn m-b-xs btn-info  " onclick="window.open('https://bili.sangxuesheng.com/407/404.html','_blank')">点击预览</button><br></div><div role="tabpanel" id='tabs-93124d62901a5d002b725ad5f8873e84162' class="tab-pane fade  ">
            </p><ul><li>文件夹名称：<code>407</code></li><li>把文件夹放到服务器任意目录，</li><li>修改<code>404.php</code>内的<code>第7行</code>，把<code>css文件</code>地址替换成刚上传的目录地址</li><li>复制或替换<code>/usr/themes/handsome</code>内的<code>404.php</code>文件即可（记得备份原<code>404.php</code>文件）</li><li>替换文件下方评论获取<br></div>
</div>
</div></li></ul><hr><p>替换文件，评论获取。 <img src="https://youpaiyun1.sangxuesheng.cn/assets9.0.2/img/emotion/WBB/10.png" class="emotion-WBB"> <br><div class="hideContent">此处内容需要评论回复后（审核通过）方可阅读。</div></p>

让typecho拥有一个漂亮的404页面

前言

1

2

3

4

62 条评论

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

Typecho超强的后台美化模板-Apex

让typecho拥有一个漂亮的404页面

openwrt使用lucky插件开启反向代理服务

【教程】handsome主题个性化备忘录

【教程】Typecho 数据库自动备份至邮箱插件 AutoBackup

Openwrt 开启外网访问并配置 SSL

权力的游戏第一季 4K Game.of.Thrones.S01.2160P.UHD.BluRay.x265.10bit.HDR.TrueHD.7.1.Atmos-SCOTLUHD[rartv] 113.77 GB

权力的游戏第四季4k.Game.of.Thrones.S04.2160p.BluRay.HEVC.TrueHD.7.1.Atmos 327.50GB

lsky pro图床优化&美化

Hello,World!

让typecho拥有一个漂亮的404页面

前言

1

2

3

4

62 条评论

发表评论 取消回复 使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款

让typecho拥有一个漂亮的404页面

发表评论取消回复
使用cookie技术保留您的个人信息以便您下次快速评论，继续评论表示您已同意该条款