Update Footer.astro

This commit is contained in:
2026-06-13 16:33:30 +08:00
committed by GitHub
parent abb9ded945
commit 9a13d54964
+1 -21
View File
@@ -1,28 +1,13 @@
--- ---
// --- 1. 组件脚本 (Frontmatter) ---
// 在这里编写JavaScript逻辑,这部分代码只在构建时运行,不会发送到浏览器
import { YOUR_ICP_NUMBER } from '../config'; // 假设你将备案号存在了配置文件中
const currentYear = new Date().getFullYear(); const currentYear = new Date().getFullYear();
// 你也可以直接从组件属性(props)获取数据,这里为了简洁,先写为固定值
// 更多关于在组件脚本中编写JS的内容:https://www.astrojs.cn/zh-cn/basics/astro-components/[reference:2]
--- ---
<!--
--- 2. 组件模板 (HTML) ---
这里是生成最终HTML的部分,支持JSX风格的表达式。
更多语法细节:https://docs.astro.build/zh-cn/reference/astro-syntax/[reference:3]
-->
<footer class="site-footer"> <footer class="site-footer">
<div class="footer-content"> <div class="footer-content">
<p class="copyright"> <p class="copyright">
&copy; {currentYear} 启涵的小破站 &copy; {currentYear} 启涵的小破站
</p> </p>
<p class="icp"> <p class="icp">
<!--
需要带上 `rel="noopener noreferrer"` 来提升安全性。
链接必须指向工信部官网首页,以符合规定。https://beian.miit.gov.cn/[reference:4]
-->
<a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer"> <a href="https://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">
陇ICP备2026002087号-2 陇ICP备2026002087号-2
</a> </a>
@@ -30,14 +15,9 @@ const currentYear = new Date().getFullYear();
</div> </div>
</footer> </footer>
<!--
--- 3. 组件样式 (CSS) ---
<style>标签内的样式默认只作用于当前组件,不会影响页面其他地方。
更多关于在组件中编写样式的内容:https://www.astrojs.cn/zh-cn/guides/styling/
-->
<style> <style>
.site-footer { .site-footer {
margin-top: auto; /* 将页脚推到底部 */ margin-top: auto;
padding: 1.5rem 1rem; padding: 1.5rem 1rem;
text-align: center; text-align: center;
background-color: #f9fafb; background-color: #f9fafb;