98 lines
3.3 KiB
HTML
98 lines
3.3 KiB
HTML
{% load static %}
|
|
<!DOCTYPE html>
|
|
<html lang="zh-CN">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
{% block sitename %}
|
|
<title>{{ site_config.title }}</title>
|
|
{% endblock %}
|
|
<link rel="stylesheet" href="{% static 'bottom.css' %}">
|
|
{% block stylesheethref %}
|
|
{% endblock %}
|
|
|
|
</head>
|
|
<body>
|
|
<!-- 头部 -->
|
|
<header>
|
|
<div class="container header-content">
|
|
<div class="logo"><a href="/">{{ site_config.title }}</a></div>
|
|
|
|
<nav class="nav-links">
|
|
{% for tag in tags %}
|
|
<a href="/category/{{ tag.id }}">{{ tag.name }}</a>
|
|
{% endfor %}
|
|
</nav>
|
|
|
|
<div class="search-box">
|
|
<input type="text" placeholder="搜索文章...">
|
|
<button><i class="fas fa-search"></i></button>
|
|
</div>
|
|
|
|
<div class="profile">
|
|
<span>{{ site_config.site_author_name }}</span>
|
|
<img src="http://q1.qlogo.cn/g?b=qq&nk={{ site_config.site_author_qq }}&s=100" alt="个人头像" class="profile-img">
|
|
</div>
|
|
</div>
|
|
</header>
|
|
|
|
<!-- 主要内容区 -->
|
|
<main>
|
|
{% block content %}
|
|
{% endblock %}
|
|
</main>
|
|
|
|
<!-- 底部 -->
|
|
<footer>
|
|
<div class="container">
|
|
<div class="footer-content">
|
|
<div class="footer-section">
|
|
<h3>关于我们</h3>
|
|
<p>这是一个专注于技术分享和个人成长的博客平台，记录我在前端开发、后端技术和生活感悟等方面的思考与实践。</p>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>分类</h3>
|
|
<div class="footer-links">
|
|
{% for tag in tags %}
|
|
<a href="/category/{{ tag.id }}">{{ tag.name }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>友情链接</h3>
|
|
<div class="footer-links">
|
|
{% for FriendshipLink in FriendshipLinks %}
|
|
<a href="{{ FriendshipLink.link }}">{{ FriendshipLink.name }}</a>
|
|
{% endfor %}
|
|
</div>
|
|
</div>
|
|
|
|
<div class="footer-section">
|
|
<h3>联系我们</h3>
|
|
<div class="footer-links">
|
|
<a href="mailto:{{ site_config.site_author_email }}">{{ site_config.site_author_email }}</a>
|
|
{% if github %}
|
|
<a href="#">GitHub</a>
|
|
{% endif %}
|
|
{% if github %}
|
|
<a href="#">微信公众号</a>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="copyright">
|
|
<p>© 2025 {{ site_config.title }} 版权所有 | <a href="https://beian.miit.gov.cn/" style="color: #bdc3c7">{{ site_config.icp }}</a></p>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<!-- 简单的交互功能 -->
|
|
<script>
|
|
{% block script %}
|
|
{% endblock %}
|
|
</script>
|
|
</body>
|
|
</html> |