GithubPage自定义腾讯404界面
思路来源
之前看到腾讯网络的404和github自带的404,反差很大,于是想自己弄一个了.
过程
github的404一点也不复杂,只是需要在根目录添加一个404.html的文档,或者404.md的文档就行了.
具体的代码可以参考如下:
404.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>系统出现错误,我们会尽快修复,对您造成不便我们感到非常抱歉。</title><style type="text/css">.ui-error-box{background-image: url(/images/error_bj.jpg); height:260px; width: 410px; margin: 80px auto;color: #eb6100; font-weight: bold; padding: 140px 0 0 198px;}.ui-error-box a{color: #037cd6; margin-right: 20px;
}</style><script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://wangkun19930608.github.io/" homePageName="回到我的主页"></script></head>
<body><div class="ui-error-box"><p>资源不存在或者系统内部错误<br>对您造成不便我们感到非常抱歉。</p></div><div style="display:none"><!-- github blog--><script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1271464027'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1271464027%26online%3D1%26show%3Dline' type='text/javascript'%3E%3C/script%3E"));</script><!--all blog--><script src="https://s13.cnzz.com/z_stat.php?id=1264550437&web_id=1264550437" language="JavaScript"></script></div>
</body>
404.md
---
permalink: /404.html
---
<html><head></head><body>
对不起,目前无法访问你的连接,你可以访问主页https://wangkun19930608.github.io</body>
</html>
[注意]
下面的代码加了就直接成为了腾讯的404页面了,有兴趣的可以自己弄弄.不想要的可以把前面的这一句话删掉.
<script type="text/javascript" src="//qzonestyle.gtimg.cn/qzone/hybrid/app/404/search_children.js" charset="utf-8" homePageUrl="https://wangkun19930608.github.io/" homePageName="回到我的主页"></script>
如果你想换成其他的404界面,可以参考下下面的连接:
猫的状态码
狗的状态码
使用时候直接跳转或者内联到对应的状态码即可.如:
https://http.cat/404
https://httpstatusdogs.com/404
说明
欢迎评论,欢迎指正,转载也请注明出处.
参考文章
Github page 如何自定义404页面_百度经验
关于网站所有404页面替换为腾讯公益404页面的说明
版本说明
20180814 文章完成时间
转载于:https://www.cnblogs.com/wangkun1993/p/9504503.html
GithubPage自定义腾讯404界面相关推荐
- QT自定义精美换肤界面
QT自定义精美换肤界面 陆陆续续用QT开发过很多项目,也用QT写过不少私活项目,也写过N个工具,一直梦寐以求能像VC一样可以很方便的有个自定义的界面,QSS的强大让我看到了很好的希望,辗转百度谷歌无数 ...
- Web Design:欧美人形剪影的404界面
项目需求,必须得写个404界面,比较愁,因为网站属于那种电商+艺术品拍卖的网站,404界面不太好设计 很多时候网站直接代码报错输出404,不过设计过的404也有好处,比如改进用户体验.增强互动性之类的 ...
- 一文看懂Vue2和Vue3中设置404界面
vue页面中,如果跳转了不存在的路由那么,那么页面就会出现白屏状态,为了解决这个问题,我们可以自己写一个404界面,让其跳转过去. 一.vue2 1.index.js 在此文件中,一般存放的都是我们的 ...
- hana修改字段_自定义SAP HANA登陆界面背景
大家好,在这篇文章里,笔者将和大家分享如何自定义SAP HANA登陆界面背景.过程很简单,只需三步即可完成.在SAP HANA SPS08里面,我们是不能修改登陆界面背景的.所以,每次访问XS应用的时 ...
- android仿tim主界面,简单仿腾讯TIM界面
简单仿腾讯TIM界面 作者:佚名 来源:爱好者 时间:2017-03-22 需求 因为最近回归原生评论,所以评论头像如果单纯的引用gravatar头像,会有一部分low bee们头像会变成gravat ...
- java 刻度尺,jQuery实现腾讯信用界面(自制刻度尺)样式
依据我现有的知识,在前端上"简易"的实现了腾讯信用的界面,同时自己自制了一个竖直的刻度尺插件,曲线的位置可以根据传入的数值动态的改变,这次主要也想总结一下关于jQuery中exte ...
- 翻译www.djangobook.com之第十八章:自定义Django的admin界面
[color=red][b]The Django Book:第18章 自定义Django的admin界面[/b][/color] 第6章介绍了Django的admin界面,现在是回过头来仔细看看这个的 ...
- 基于TCP,Socket编程,模仿腾讯QQ界面,使用Java开发的一款网络聊天工具。QQ_Chat
代码下载地址 原博客地址 QQ_Chat 基于TCP,Socket编程,模仿腾讯QQ界面,使用Java开发的一款网络聊天工具. (内含报告) 工具: Eclipse.Navicat for MySQL ...
- java怎么设置404界面_如何使用Spring MVC显示自定义的404 Not Found页面
本篇文章给大家带来的内容是关于如何使用Spring MVC显示自定义的404 Not Found页面,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. 不知道大家对千篇一律的404 No ...
最新文章
- bing浏览器_微软推出全新 Edge 浏览器,这 3 大特色亮点 Chrome 都没有
- 数据对智慧城市建设 起到极大作用
- Flutter:删除所有已保存的shared_preferences首选项
- ntp如何确认与服务器偏差_LED电子时钟显示屏如何实现时间同步统一校时?
- 文本分类--普通分类
- flowable springboot 集成 flowableDMN_05
- Windows Nano Server安装配置详解06:在物理机中部署NanoServer
- IBM Copy Service--Flashcopy Introduction
- 电脑上老出现万象预览的广告_电脑必备6款黑科技软件,让你的电脑更好用,千万别错过...
- 最快理解使用CSS弹性盒子
- 如何做一个有品位的程序员
- 获取抖音无水印视频地址
- 基于SNN脉冲神经网络的Hebbian学习训练过程matlab仿真
- win7安装镜像注入USB3.0,NVMe驱动
- 前端企业级代码规范(巨详细)
- Java实现短信验证
- Nginx配置移动端和电脑端自动双向跳转(301重定向的实际场景,附带apache配置)
- 从多种模型中选择最合适的模型,用于行人检测
- c语言设计计算器的意义,C语言结课设计之计算器功能
- 研究生放假因疫情未按时返回,扣助研补贴!实验室奇葩规定引热议
热门文章
- php加速缓存器opcache,apc,xcache,eAccelerator
- nginx限速方法以及报错处理
- 解决在IE6下使用display: inline-block;的不兼容性问题
- 写在WinHEC开幕之际:沿着Windows我们一路走来
- linux下使用select实现精确定时器
- [Java] 蓝桥杯PREV-33 历届试题 兰顿蚂蚁
- [Java] 蓝桥杯 BASIC-10 基础练习 十进制转十六进制
- 【自动化测试】在做自动化测试之前你需要知道的
- JAVA中List与Array之间互换
- eclipse打开xml文件都显示为灰色