nanhaoluo
a01f161bca
- 版本号从1.3.5升级至1.4.0 - 创建外部资源备用加载系统，解决国内访问问题 - 添加Google Fonts本地备用字体文件 - 集成Geetest验证码本地备用版本 - 实现QRCode.js本地备用功能 - 创建智能资源加载器，自动切换到本地资源 - 修改所有外部资源引用，支持自动备用机制 - 添加资源配置文件，便于管理和维护
159 lines
5.3 KiB
PHP
159 lines
5.3 KiB
PHP
<!DOCTYPE html>
|
|
<html <?php language_attributes(); ?>>
|
|
<head>
|
|
<meta charset="<?php bloginfo('charset'); ?>">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<script>
|
|
// 备用字体加载
|
|
(function() {
|
|
var link = document.createElement('link');
|
|
link.href = 'https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700';
|
|
link.rel = 'stylesheet';
|
|
link.onerror = function() {
|
|
console.warn('Google Fonts 加载失败，使用系统字体');
|
|
document.body.style.fontFamily = '-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif';
|
|
};
|
|
document.head.appendChild(link);
|
|
})();
|
|
</script>
|
|
<link href="<?php bloginfo('template_url'); ?>/assets/vendor/nucleo/css/nucleo.css" rel="stylesheet">
|
|
<link href="<?php bloginfo('template_url'); ?>/assets/vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet">
|
|
<link type="text/css" href="<?php bloginfo('template_url'); ?>/assets/css/argon.min.css" rel="stylesheet">
|
|
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/jquery/jquery.min.js"></script>
|
|
<script src="<?php bloginfo('template_url'); ?>/assets/vendor/bootstrap/bootstrap.min.js"></script>
|
|
<script src="<?php bloginfo('template_url'); ?>/assets/js/argon.min.js"></script>
|
|
<title><?php _e("404 - 找不到页面", "argon"); ?></title>
|
|
<script>
|
|
var darkmodeAutoSwitch = "<?php echo (get_option("argon_darkmode_autoswitch") == '' ? 'false' : get_option("argon_darkmode_autoswitch"));?>";
|
|
function setDarkmode(enable){
|
|
if (enable == true){
|
|
$("html").addClass("darkmode");
|
|
}else{
|
|
$("html").removeClass("darkmode");
|
|
}
|
|
$(window).trigger("scroll");
|
|
}
|
|
function toggleDarkmode(){
|
|
if ($("html").hasClass("darkmode")){
|
|
setDarkmode(false);
|
|
sessionStorage.setItem("Argon_Enable_Dark_Mode", "false");
|
|
}else{
|
|
setDarkmode(true);
|
|
sessionStorage.setItem("Argon_Enable_Dark_Mode", "true");
|
|
}
|
|
}
|
|
if (sessionStorage.getItem("Argon_Enable_Dark_Mode") == "true"){
|
|
setDarkmode(true);
|
|
}
|
|
function toggleDarkmodeByPrefersColorScheme(media){
|
|
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
|
return;
|
|
}
|
|
if (media.matches){
|
|
setDarkmode(true);
|
|
}else{
|
|
setDarkmode(false);
|
|
}
|
|
}
|
|
function toggleDarkmodeByTime(){
|
|
if (sessionStorage.getItem('Argon_Enable_Dark_Mode') == "false" || sessionStorage.getItem('Argon_Enable_Dark_Mode') == "true"){
|
|
return;
|
|
}
|
|
let hour = new Date().getHours();
|
|
if (hour < 7 || hour >= 22){
|
|
setDarkmode(true);
|
|
}else{
|
|
setDarkmode(false);
|
|
}
|
|
}
|
|
if (darkmodeAutoSwitch == 'system'){
|
|
var darkmodeMediaQuery = window.matchMedia("(prefers-color-scheme: dark)");
|
|
darkmodeMediaQuery.addListener(toggleDarkmodeByPrefersColorScheme);
|
|
toggleDarkmodeByPrefersColorScheme(darkmodeMediaQuery);
|
|
}
|
|
if (darkmodeAutoSwitch == 'time'){
|
|
toggleDarkmodeByTime();
|
|
}
|
|
if (darkmodeAutoSwitch == 'alwayson'){
|
|
setDarkmode(true);
|
|
}
|
|
|
|
function toggleAmoledDarkMode(){
|
|
$("html").toggleClass("amoled-dark");
|
|
if ($("html").hasClass("amoled-dark")){
|
|
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "true");
|
|
}else{
|
|
localStorage.setItem("Argon_Enable_Amoled_Dark_Mode", "false");
|
|
}
|
|
}
|
|
if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "true"){
|
|
$("html").addClass("amoled-dark");
|
|
}else if (localStorage.getItem("Argon_Enable_Amoled_Dark_Mode") == "false"){
|
|
$("html").removeClass("amoled-dark");
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div class="position-relative">
|
|
<section class="section section-lg section-shaped pb-250" style="height: 100vh !important;">
|
|
<div class="shape shape-style-1 shape-default">
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
<span></span>
|
|
</div>
|
|
<div class="container py-lg-md d-flex">
|
|
<div class="col px-0">
|
|
<div class="row">
|
|
<div class="col-lg-6 col-sm-12">
|
|
<div class="display-1 text-white">404</div>
|
|
<p class="lead text-white">Page not found.<br><?php _e("这个页面不见了:(", "argon"); ?></p>
|
|
<div class="btn-wrapper">
|
|
<a href="javascript:window.history.back(-1);" ondragstart="return false;" class="btn btn-info btn-icon mb-3 mb-sm-0">
|
|
<span class="btn-inner--icon"><i class="fa fa-chevron-left"></i></span>
|
|
<span class="btn-inner--text"><?php _e("返回上一页", "argon"); ?></span>
|
|
</a>
|
|
<a href="<?php bloginfo('url'); ?>" class="btn btn-white btn-icon mb-3 mb-sm-0">
|
|
<span class="btn-inner--icon"><i class="fa fa-home"></i></span>
|
|
<span class="btn-inner--text"><?php _e("回到首页", "argon"); ?></span>
|
|
</a>
|
|
</div>
|
|
<?php echo apply_filters('argon_404page_extra_html', ''); ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
</html>
|
|
|
|
<style>
|
|
body{
|
|
overflow: hidden;
|
|
}
|
|
html.darkmode .section-shaped .shape {
|
|
background: #262626;
|
|
}
|
|
html.darkmode .text-white {
|
|
opacity: .75;
|
|
}
|
|
html.darkmode .btn-white {
|
|
background: #424242;
|
|
border-color: #424242;
|
|
color: #eee;
|
|
}
|
|
html.darkmode .btn-info {
|
|
background: #0a7f94;
|
|
border-color: #0a7f94;
|
|
color: #eee;
|
|
}
|
|
html.darkmode.amoled-dark .section-shaped .shape {
|
|
background: #000;
|
|
}
|
|
</style>
|