Github page 如何自定义404页面

访问网页当找不到的页面时,就会出现404错误。自己的Github page个人网站,404页面每个人的风格不一样,所以需要自定义。需要注意的是404页面自定义,必须有顶级域名,并且该域名已经解析到了Github page

操作方法

  • 01

    进入Github个人网站仓库,例如github.com/username/username.github.io

  • 02

    在在Github个人网站仓库根目录中新建一个404.html,或者404.md文件

  • 03

    在自定义的404.html文件中添加自定义HTML、js代码,或者在404.md文件中添加markdown自定义文本,用于在访问github page个人网站出现404错误时,展示给用户

  • 04

    继续编辑该404文件,在文件头部添加YAML前标记,为预定义变量赋值,告诉系统该自定义404文件作为404文件使用。 --- permalink: /404.html ---

  • 05

    提交更改到对应Github个人网站仓库,如果是在本地编辑的404文件,将它push到代码仓库。

  • 06

    检查效果

(0)

相关推荐

  • 现代404页面设计趋势分析与案例

    每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了.一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏览,安抚情绪,找到他们真正想要 ...

  • 如何通过.htaccess自定义404、503页面

    404.503错误相信大多数站长朋友很对很熟悉,网站刚刚搭建完成后我们一般都会做一个404和503错误页面.那么这是怎么操作的呢?熟悉我的朋友们一定会记得我前段时间写的一篇<Apache服务器实 ...

  • nginx自定义404错误页面设置方法

    今天突然发现一个问题,网站设置了自定义的 404 页面, 显示的是没有问题, 只是返回的状态码是 200, 而不是404!! 去看我的 nginx 配置: nginx.conf 代码如下 server ...

  • 360安全卫士如何关闭自定义错误页面

    360安全卫士如何关闭自定义错误页面?360安全卫士新上线一个功能,就是在打不开网页,本该提示404错误的时候,会跳转至360的出错页面,个人不是太喜欢,所以就研究了一下如何关闭,有相同爱好的小伙伴们 ...

  • 40个创意有趣的404页面设计(上)

    小编:又一大波404页面来咯.在浏览网页时,大家最不愿见到的可能就是404页面了,看到"404 Not Found"这样的页面,想必大家都会果断离开.有些网站就在这方面别出心裁,设 ...

  • 一组精心设计的404页面欣赏

    小编:一个错误的页面是一种不舒服的用户体验,但精心的情感设计至少能给这份不舒服带来一点点缓解.希望今天的这组404页面能给你带来一些设计灵感. Bit.ly CSS-Tricks Starbucks ...

  • 打开网页显示404是怎么解决(网站404页面怎么做)

    一个好的网站,拥有一个好的 404页面 是标配.为何要有 404页面?如何设置一个 404页面?why 404 pages?在本地,比如我打开 localhost/fuck.htm(该文件不存在),H ...

  • 好看的404页面html源码(404的网站怎么制作)

    怎么快速的做好网站404跳转页面?要想做的又快又好,开源字节建议就套用精美的模板即可.总的来说就是利用404页面模板,进行修改,修改好一个404页面上传到网站根目录,然后一般在网站空间的后台直接设置选 ...

  • Excel如何自定义打印页面边距

    本篇经验向大家介绍一下:在excel中,如何自定义打印页面的边距. 操作方法 01 打开excel软件,选择新建一个[空白工作簿]. 02 输入一些示例数据,点击菜单栏[文件]. 03 在文件页面点击 ...