Typecho Handsome主题 404界面修改

博主：听风丶
发布时间：2023 年 01 月 14 日
263 次浏览
暂无评论
5890字数
分类：网页

# 介绍

Handsome 主题自带的404界面有点丑...

所以找了下网上的一些介绍, 发现了这个不错的404界面.

教程地址: [https://www.03e.cn/25.html](https://www.03e.cn/25.html)

模板来源 : [https://xd.x6d.com/i-wz-11923.html](https://xd.x6d.com/i-wz-11923.html)

![image.png](https://tingfeng.cc/usr/uploads/2023/01/259516346.png)

# 教程

- 将 404.php 文件放到 主题根目录 /usr/themes/handsome 目录下
- 按照最初路径, 需要将 404文件夹 放到 /usr 目录下

# 修改

- 修改404.php中 网站路径
  - 直接搜索 http 或者 https 开头相关的代码 进行修改即可
- 404界面的小图标, 使用的是 [fontawe Some](https://fontawesome.com.cn/) 图标资源
  - 404.php 中
  - ```php
    <a href="<a href="<a href="<a href="<a href="<a href="https://tingfeng.cc/"""""" title="https://tingfeng.cc/"""""">https://tingfeng.cc/"""""</a> title="<a href="https://tingfeng.cc/""""">https://tingfeng.cc/""""" title="https://tingfeng.cc/""""">https://tingfeng.cc/""""">https://tingfeng.cc/""""">https://tingfeng.cc/""""</a></a> title="<a href="<a href="https://tingfeng.cc/"""">https://tingfeng.cc/""""" title="https://tingfeng.cc/"""">https://tingfeng.cc/""""">https://tingfeng.cc/"""">https://tingfeng.cc/""""</a> title="<a href="https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""" title="https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""">https://tingfeng.cc/"""</a></a></a> title="<a href="<a href="<a href="https://tingfeng.cc/""">https://tingfeng.cc/""""" title="https://tingfeng.cc/""">https://tingfeng.cc/""""">https://tingfeng.cc/""">https://tingfeng.cc/""""</a> title="<a href="https://tingfeng.cc/""">https://tingfeng.cc/"""">https://tingfeng.cc/""">https://tingfeng.cc/"""" title="https://tingfeng.cc/""">https://tingfeng.cc/"""">https://tingfeng.cc/""">https://tingfeng.cc/"""">https://tingfeng.cc/""">https://tingfeng.cc/"""">https://tingfeng.cc/""">https://tingfeng.cc/"""</a></a> title="<a href="<a href="https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/"""" title="https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/"""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/"""</a> title="<a href="https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""" title="https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""">https://tingfeng.cc/""</a></a></a></a> title="<a href="<a href="<a href="<a href="https://tingfeng.cc/"">https://tingfeng.cc/""""" title="https://tingfeng.cc/"">https://tingfeng.cc/""""">https://tingfeng.cc/"">https://tingfeng.cc/""""</a> title="<a href="https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/"""" title="https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/"""</a></a> title="<a href="<a href="https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"""" title="https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"""</a> title="<a href="https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""" title="https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/""</a></a></a> title="<a href="<a href="<a href="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"""" title="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"""</a> title="<a href="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""" title="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""</a></a> title="<a href="<a href="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""" title="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/""</a> title="<a href="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"" title="https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"">https://tingfeng.cc/"</a></a></a></a></a> title="听风の开发小栈" class="footer-home"><span class="fa fa-home" aria-hidden="true"></span></a>
    ```
  - 这里的 `class = "fa fa-home"` 就是 fontawe some 的图标资源
- 对于上面的 `马上回家` 按钮, 不知道是什么原因无法正常加载.
  - ![image.png](https://tingfeng.cc/usr/uploads/2023/01/1950807363.png)将代码中框出来的这部分删除就可以了
  - 因为刚接触php, 所以不知道原理, 只知道目前这样是可以跑的...
  - ! 不过目前这里只是返回到主界面, 并没有添加返回到前一界面的功能.
- 对于背景图, 应该是在 404/style.css中设置
  - 应该是可以直接搜索 ../images/banner1.jpg

> 这里修改完之后 没事生效... 所以目前暂时不清楚是怎么回事
    >
- 点击qq图标 跳转到添加好友/聊天界面
  <a class="post_link" href="https://tingfeng.cc/pop-up-window-to-add-qq-friends-16"><i data-feather="file-text"></i>网页端 弹窗添加好友</a>
- 点击 图标(没有bilibili图标QAQ) 跳转到b站首页
  - 在 b站手机app 个人主页 点击右上角 ...
  - 点击分享链接

# 缺少功能

倒计时几秒返回前一页面
</div>

多添加几个跳转的小工具窗口
</div>

---

本文引用自 : [Typecho Handsome主题404页面修改 - Qiu's Blog (03e.cn)](https://www.03e.cn/25.html)

在此基础上进行修改调整
</div>

本文作者：听风丶
本文地址：https://tingfeng.cc/Typecho-Handsomr-404-page-change-17
版权声明：本博客所有文章除特别声明外，均为作者原创, 默认采用 CC BY-NC-SA 4.0 许可协议。

最后修改：2023 年 01 月 14 日

如果觉得我的文章对你有帮助, 可以支持一下哦~

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

评论 *

私密评论

名称 *

🎲

邮箱 *

地址

Typecho Handsome主题 404界面修改

听风丶 • 2023 年 01 月 14 日

# 介绍

Handsome 主题自带的404界面有点丑...

所以找了下网上的一些介绍, 发现了这个不错的404界面.

教程地址: [https://www.03e.cn/25.html](https://www.03e.cn/25.html)

模板来源 : [https://xd.x6d.com/i-wz-11923.html](https://xd.x6d.com/i-wz-11923.html)

![image.png](https://tingfeng.cc/usr/uploads/2023/01/259516346.png)

# 教程

- 将 404.php 文件放到 主题根目录 /usr/themes/handsome 目录下
- 按照最初路径, 需要将 404文件夹 放到 /usr 目录下

# 修改

# 缺少功能

倒计时几秒返回前一页面
</div>

多添加几个跳转的小工具窗口
</div>

---

本文引用自 : [Typecho Handsome主题404页面修改 - Qiu's Blog (03e.cn)](https://www.03e.cn/25.html)

在此基础上进行修改调整
</div>

Typecho Handsome主题 404界面修改

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

白嫖jetbrains -- 使用许可证服务器

Linux服务器搭建记录

Unity 常用标识[xxx]

Typecho Handsome主题 404界面修改

Unity Resource相关资源加载卸载

Typecho Handsome 主题美化记录

记录-待整理

Typecho Handsome主题 404界面修改

Unity Resource相关资源加载卸载

Linux服务器搭建记录

Typecho Handsome主题 404界面修改

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

Typecho Handsome主题 404界面修改

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