Github page 如何自定义404页面

文章目录

  • 1. 按
  • 2. 404.md
  • 3. 404.html

1. 按

对于github page来说,只要在根目录有404.html(或404.md),当用户所要访问的页面找不到时,请求就会被转发到/404.html(或/404.md)页面,因此在Github个人网站仓库根目录中新建一个404.html(或者404.md)文件即可。

2. 404.md

  • 效果:https://coco5666.github.io/404
  • 代码:
    ---
    title: 404 Not Found
    date: 2019-09-27 11:14:19
    ---
    
    <center>
    对不起,您所访问的页面不存在或者已删除。
    您可以<a href="https://coco5666.github.io/blog">点击此处</a>返回首页。
    </center>
    
    <blockquote class="blockquote-center">
        Coco56个人博客页
    </blockquote>
    

3. 404.html

  • 效果:https://coco5666.github.io/404
  • 代码:
    
    <html>
    
    <head>
    
    <meta charset="utf-8"/>
    
    <meta name="keywords" content="404页"/>
    
    <meta name="distribution" content="Coco5666.github.io/about"/>
    
    <meta name="author" content="Coco56"/>
    <link rel="icon" href="../title.ico" type="image/icon"/>
    <title>Coco56 GitHub个人主页 | 404 Not Found页title>
    head>
    
    <body>
    <br>
    <h1>本页地址: <a href="https://coco5666.github.io/404" target="_blank" title="">https://coco5666.github.io/404a>h1>
    
    
    对不起,您所访问的页面不存在或者已删除。 <h1>博客首页:<a href="https://coco5666.github.io/blog" target="_blank" title="">https://coco5666.github.io/bloga>h1> <h2><div id="countdown">div>h2> <script language="javascript" type="text/javascript"> var time = 3 var divLabel = document.getElementById("countdown") var label = "秒钟后系统将帮您自动跳转到博客首页。" divLabel.innerHTML = time.toString() + label function updateTime(){ time = time-1 if(time>=0){ divLabel.innerHTML = time.toString() + label } else{ divLabel.innerHTML = "正在跳转到关于&联系我,请稍后。。。" } } setInterval("updateTime()",1000); setTimeout("javascript:location.href='https://coco5666.github.io/blog'", time*1000); script> body> html>

你可能感兴趣的:(软件使用)