mirror of
https://github.com/ChenQihan666/MyBlog-Next.git
synced 2026-08-14 11:29:33 +08:00
Update Footer.astro
This commit is contained in:
@@ -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">
|
||||||
© {currentYear} 启涵的小破站
|
© {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;
|
||||||
|
|||||||
Reference in New Issue
Block a user