刚刚搭建的 typecho 博客，想添加腾讯公益404页面，但是又不想影响网站的风格。比如，用typecho自带的404页面引入腾讯的404公益页面代码，它就占据整个页面了。
那么如何实现不影响网站整体风格的情况下引用腾讯公益404页面呢？
其实很简单用iframe就可以实现了！
实现步骤
首先，新建一个404.html页面（具体代码如下：）
<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<title>404_您访问的页面找不回来了，但我们可以一起帮助他们回家！_ 赵斌博客</title>
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="/" homePageName="返回首页"></script>
<script type="text/javascript" src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
</head>
<body>
<script type="text/javascript">
$(function(){
$("body").on("click","a.desc_link,a.link_view,.logo_list a", function(){
$(this).attr("target","_blank")
});
});
</script>
</body>
</html>
新建好之后放到网站根目录
然后在你的404文件的
与 中间调用404.html页（代码如下）<iframe src="/404.html" width="100%" height="620" frameborder="0" ></iframe>
这样就大功告成了！
效果如图
演示页面
https://www.zxsbk.com/404.html
本文共 192 个字数,平均阅读时长 ≈ 1分钟
评论 (0)