404.html
<!DOCTYPE html>
<html lang="zh-cn"><head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>坏耶!居然找不到 QAQ</title>
<link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.0/css/mdui.min.css">
<script src="//cdnjs.cloudflare.com/ajax/libs/mdui/0.4.0/js/mdui.min.js"></script>
</head>
<body class="mdui-loaded mdui-color-lime mdui-text-color-white">
<header class="mdui-color-lime mdui-appbar mdui-appbar-fixed mdui-text-color-white">
<div id="toolbar" class="mdui-toolbar mdui-color-theme">
<a class="mdui-typo-headline">🌚 404 Not Found</a>
<div id="" class="mdui-toolbar-spacer"></div>
<a class="mdui-ripple mdui-btn" href="https://lime-lang.xyz">
<i class="mdui-icon material-icons">home</i>
</a>
</div>
</header>
<div id="" align="center">
<h1 class="mdui-typo-display-4">找不到资源 Emmm...</h1>
<h1 id="req" class="mdui-typo-display-2"></h1>
</div>
<script>
var a = document.getElementById('req')
a.textContent=document.location
</script>
</body>
</html>