nannanwu/GoCode
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

html模板完结

Browse Source
This commit is contained in:
喃喃污
2025-11-26 16:30:49 +08:00
parent 5b24561c9c
commit a5ea950538
7 changed files with 263 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
templates/layout/base.html
View File

@@ -4,19 +4,24 @@
<html lang="zh">
<head>
<meta charset="UTF-8">
{{/* 标题块定义 - 允许子模板重写标题内容 */}}
<title>{{ block "title" . }}默认标题{{ end }}</title>
{{/* 引入静态样式文件 */}}
<link rel="stylesheet" href="/static/style.css">
<link rel="stylesheet" href="/static/navbar.css">
<link rel="stylesheet" href="/static/footer.css"> <!-- 引入底部导航栏样式 -->
{{/* 允许子模板添加额外的CSS */}}
{{ block "styles" . }}{{ end }}
</head>
<body>
{{/* 引入导航栏模板 */}}
{{ template "navbar" . }}
{{template "layout/navbar"}}
{{/* 主内容区域定义 - 子模板应在此处填充具体内容 */}}
<main>
{{ block "content" . }}{{ end }}
</main>
<!-- 引入底部导航栏 -->
{{ template "layout/footer" . }}
</body>
</html>
{{ end }}

40
templates/layout/footer.html Normal file
View File

@@ -0,0 +1,40 @@
{{/* 定义底部导航栏模板，包含网站底部信息和链接 */}}
{{ define "layout/footer" }}
{{/*<link rel="stylesheet" href="/static/footer.css">*/}}
<footer class="footer">
<div class="footer-container">
<!-- 联系信息部分 -->
<div class="footer-section">
<h3>联系我们</h3>
<p>邮箱: mail@nannanwu.com</p>
<p>电话: +86 123 4567 8910</p>
</div>
<!-- 快速链接部分 -->
<div class="footer-section">
<h3>快速链接</h3>
<ul class="footer-links">
<li><a href="/">首页</a></li>
<li><a href="/about">关于我们</a></li>
<li><a href="/privacy">隐私政策</a></li>
<li><a href="/terms">使用条款</a></li>
</ul>
</div>
<!-- 社交媒体部分 -->
<div class="footer-section">
<h3>关注我们</h3>
<ul class="social-links">
<li><a href="#" class="social-link weibo">微博</a></li>
<li><a href="#" class="social-link wechat">微信</a></li>
<li><a href="#" class="social-link github">GitHub</a></li>
</ul>
</div>
</div>
<!-- 版权信息 -->
<div class="footer-bottom">
<p>&copy; {{.year}} MyGinSite. 保留所有权利。</p>
</div>
</footer>
{{ end }}

5
templates/layout/navbar.html
View File

@@ -1,11 +1,10 @@
{{/* 定义导航栏模板，包含网站导航链接 */}}
{{ define "layout/navbar" }}
<link rel="stylesheet" href="/static/navbar.css">
{{/*<link rel="stylesheet" href="/static/navbar.css">*/}}
<nav class="navbar">
{{/* 网站Logo区域 */}}
<div class="logo">🔥 MyGinSite</div>
{{/* 导航链接列表 */}}
<ul class="nav-links">
<li><a href="/">首页</a></li>