75 lines
2.8 KiB
HTML
75 lines
2.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="{{lang}}">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>{{title}}</title>
|
|
<meta name="description" content="{{description}}">
|
|
<meta name="color-scheme" content="dark light">
|
|
<link rel="alternate" hreflang="zh-CN" href="{{alt_zh}}">
|
|
<link rel="alternate" hreflang="en" href="{{alt_en}}">
|
|
<link rel="alternate" hreflang="x-default" href="{{alt_default}}">
|
|
<link rel="canonical" href="{{canonical}}">
|
|
<link rel="icon" type="image/jpeg" href="static/icon.jpg">
|
|
<link rel="apple-touch-icon" href="static/icon.jpg">
|
|
<link rel="stylesheet" href="static/style.css">
|
|
<script async src="https://stats.guanjihuan.com/tracker/tracker.min.js" data-site-id="site_5cc8c21419a998b9"></script>
|
|
<script>
|
|
// 恢复用户上次选的主题；没选过就是默认的暗色（尽早执行，避免刷新时闪一下白屏）
|
|
try {
|
|
var t = localStorage.getItem("guan-theme");
|
|
if (t === "light" || t === "dark") document.documentElement.setAttribute("data-theme", t);
|
|
else document.documentElement.setAttribute("data-theme", "dark");
|
|
} catch (e) {}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<a class="skip" href="#main">{{skip_link}}</a>
|
|
<header class="site-head">
|
|
<div class="wrap head-inner">
|
|
<a class="brand" href="index.html">
|
|
<img class="brand-mark" src="static/icon.jpg" alt="" width="28" height="28">
|
|
<span class="brand-text">{{package_name}}</span>
|
|
<span class="brand-version">v{{version}}</span>
|
|
</a>
|
|
<nav class="site-nav" id="site-nav">
|
|
{{nav_items}}
|
|
</nav>
|
|
<div class="head-actions">
|
|
<a class="lang-switch" id="lang-switch" href="{{lang_switch}}" hreflang="{{lang_switch_hreflang}}"
|
|
title="{{lang_switch_title}}" aria-label="{{lang_switch_aria}}">{{lang_switch_label}}</a>
|
|
<button class="icon-btn theme-toggle" id="theme-toggle" type="button"
|
|
aria-label="{{theme_label}}" title="{{theme_label}}">
|
|
<span class="icon-moon" aria-hidden="true">☾</span>
|
|
<span class="icon-sun" aria-hidden="true">☀</span>
|
|
</button>
|
|
</div>
|
|
<button class="nav-toggle" id="nav-toggle" type="button" aria-expanded="false" aria-controls="site-nav" aria-label="{{menu_label}}">
|
|
<span></span><span></span><span></span>
|
|
</button>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main" class="wrap">
|
|
{{content}}
|
|
</main>
|
|
|
|
<footer class="site-foot">
|
|
<div class="wrap foot-inner">
|
|
<div>
|
|
<p class="foot-meta">{{foot_meta}}</p>
|
|
</div>
|
|
<nav class="foot-nav">
|
|
{{foot_nav_items}}
|
|
</nav>
|
|
</div>
|
|
</footer>
|
|
|
|
<button class="to-top" id="to-top" type="button" aria-label="{{to_top_label}}" title="{{to_top_label}}">↑</button>
|
|
|
|
<script>window.SITE_I18N = {{site_i18n}};</script>
|
|
<script src="static/site.js"></script>
|
|
{{extra_js}}
|
|
</body>
|
|
</html>
|