71 lines
2.9 KiB
HTML
71 lines
2.9 KiB
HTML
{{define "header"}}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-cn">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="ie=edge">
|
|
<link rel="shortcut icon" href="public/img/favicon.ico" type="image/x-icon">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
|
<meta name="Keywords" content="{{ .Config.HtmlKeywords }}" />
|
|
<meta name="description" content="{{ .Config.HtmlDescription }}" />
|
|
<title>{{ .Title }} - {{ .Config.SiteName }}</title>
|
|
<style>:root{--primary: {{ .Config.ThemeColor }}}</style>
|
|
<link rel="stylesheet" href="/public/css/app.css">
|
|
<link href="/public/css/prism.css" rel="stylesheet" />
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/aplayer@1.10.1/dist/APlayer.min.css">
|
|
<script src="/public/js/marked.min.js"></script>
|
|
<script async src="https://umami.starss.cc/script.js" data-website-id="594ff1a5-e8ce-47b1-8558-88cb3f9d7704"></script>
|
|
<script async src="https://busuanzi.icodeq.com/busuanzi.pure.mini.js"></script>
|
|
<script>
|
|
function obj2StrParams(obj,firstStr = '?') {
|
|
let params = firstStr;
|
|
for (let p in obj){
|
|
let isFirst = ( params === '?');
|
|
let qz = isFirst ? '' : (params === '&' ? '' : '&');
|
|
params += (qz + p + '=' + obj[p] )
|
|
}
|
|
return params
|
|
}
|
|
function currentUrlToParams(key = null) {
|
|
let paramsUrl = (window.location.href).split('?');
|
|
|
|
if(paramsUrl.length<2)return key ? null : {};
|
|
let paramsArr = paramsUrl[1].split('&');
|
|
let paramsData = {}
|
|
|
|
paramsArr.forEach(r=>{
|
|
let data = r.split('=')
|
|
paramsData[data[0]] = data[1]
|
|
})
|
|
if(key)return paramsData.hasOwnProperty(key) ? paramsData[key] : null;
|
|
return paramsData;
|
|
}
|
|
function searchArticle() {
|
|
var searchKey = document.getElementById('search-input').value;
|
|
searchKey = searchKey.replace(/^\s+|\s+$/g,"")
|
|
if("" === searchKey){return}
|
|
|
|
window.location.href = '/?search=' + searchKey
|
|
}
|
|
</script>
|
|
</head>
|
|
<body class="theme{{ .Config.ThemeColor }}">
|
|
<nav class="head">
|
|
<div class="container head-content">
|
|
<div class="logo">{{ .Config.SiteName }}</div>
|
|
<div class="search-box">
|
|
<input id="search-input" class="search-input" type="text" placeholder="搜索...">
|
|
<img onclick="searchArticle()" class="search-icon" src="/public/img/search.svg" alt="">
|
|
</div>
|
|
<div class="nav">
|
|
<a href="/blog">Blog</a>
|
|
<a href="/categories">Categories</a>
|
|
{{range $nav := .Navs }}
|
|
<a href="/extra-nav?name={{ $nav.Title }}">{{ $nav.Title }}</a>
|
|
{{end}}
|
|
</div>
|
|
</div>
|
|
</nav>
|
|
<div class="post-warp">
|
|
{{ end }}
|