如何在Fuwari页脚添加ICP、运行时间等信息

封面来源
Anmi-海で会おう

本来想用shields的图标的
结果有点不搭，有点难看
还是简单点的好
NOTE
此部分参考 Morse Hsiao 这位大佬的教程
部分代码参考Chlorine的
注意提前做好备份工作
找到 src/components/Footer.astro 这个文件
你会发现页脚的rss以及sitemap都在这里
直接复制rss的模板，填写好你想要添加的信息后复制在后面
当然，不需要rss/sitemap，以及powered by的也可以直接在此删除

注意
在添加跳转链接时
记得把href={url(’xxxx’)}
的url等删除，否则跳转链接前会自带你设置的站点网址
当然删除与否根据你的需求来判断

1
---
2

3
import { profileConfig } from '../config'
4
import { url } from '../utils/url-utils'
5
---
6

7
<div class="card-base max-w-[var(--page-width)] min-h-[4.5rem] rounded-b-none mx-auto flex items-center px-6 justify-between">
8

9
<!--左侧信息 -->
10
    <div class="transition text-50 text-sm max-md:text-left mt-2">
11
        © 2024 {profileConfig.name}. All Rights Reserved. /
12
        <a class="link text-[var(--primary)] font-medium" target="_blank" href={url('rss.xml')}>RSS</a>
13
    <!--
14
        <a class="link text-[var(--primary)] font-medium" target="_blank" href={url('sitemap-index.xml')}>Sitemap</a>
15
    -->
16
        <br>
17
        Powered by
18
        <a class="link text-[var(--primary)] font-medium" target="_blank" href="https://astro.build">Astro</a> &
19
        <a class="link text-[var(--primary)] font-medium" target="_blank" href="https://github.com/saicaca/fuwari">Fuwari</a> &
20
        <a class="link text-[var(--primary)] font-medium" target="_blank" href="https://www.upyun.com/?utm_source=lianmeng&utm_medium=referral">又拍云CDN</a>
21
    </div>
22

23
<!--运行时间 -->
24
    <script type="text/javascript">function runtime(){const t=new Date("09/01/2024 08:00:00"),n=new Date,s=n-t,e=Math.floor(s/1e3),o=Math.floor(e/86400),i=Math.floor(e%86400/3600),a=Math.floor(e%3600/60),r=e%60;document.getElementById("runningtime").innerHTML=`⭐本站已运行: ${o}天${i}小时${a}分${r}秒 ☁️`}setInterval(runtime,1e3)</script>
25
    <div class="transition text-50 text-sm text-center hidden md:block"><p id="runningtime"> </p></div>
26

27
<!--右侧备案等信息 -->
28
    <div class="transition text-50 text-sm max-md:text-right mt-2">
29
        <a class="link text-[var(--primary)] font-medium" target="_blank" href={'https://beian.miit.gov.cn'}>xICP备xxxxxxxxxx号</a>
30
        <br>
31
        <a class="link text-[var(--primary)] font-medium" target="_blank" href={'https://icp.gov.moe/?keyword=20245060'}>萌ICP备20245060号</a>
32
    </div>
33
</div>