前端菜鸟开源了一个 Vue 写的风格简洁的版权/备案页脚 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
beta4x
V2EX    Vue.js

前端菜鸟开源了一个 Vue 写的风格简洁的版权/备案页脚

  •  
  •   beta4x 2024-08-12 01:18:00 +08:00 4309 次点击
    这是一个创建于 424 天前的主题,其中的信息可能已经有所发展或是发生改变。

    详细可访问 GitHub 地址:vue-copyright-icp-footer

    项目背景

    由于在国内上线网站需要先备案( ICP 备案 + 公安备案),所以理论上来说,在网页的页脚部分需要放置这两样备案信息。
    为了让页脚更加美观,因此做了该项目。(顺便加上了版权信息)

    项目介绍

    vue-copyright-icp-footer 是一个风格简洁的以版权、备案(包括 ICP 备案、公安备案)信息为主的页脚。
    示例
    vue-copyright-icp-footer example

    项目特点

    • 风格简洁。
    • ICP 备案、公安备案信息都附有 icon ,辨识度高。
    • 适配不同的页面长度。无论长页面、短页面,都能保证页脚在页面最底部。实现思路可参考:CSS 将页脚固定在页面底部
    • 提供了 flexbox/grid 两种实现方式,可按需选择。

    欢迎意见/建议/批评/吐槽等各种反馈。

    28 条回复    2025-02-02 00:10:32 +08:00
    yier4ha
        1
    yier4ha  
       2024-08-12 01:28:00 +08:00 via Android
    想法非常不错,东西也很开门。
    dallaslu
        2
    dallaslu  
       2024-08-12 02:13:57 +08:00
    很好。不过我已经有页脚了。来看看我的备案号靓不靓: https://dallas.lu
    Umbrella1968
        3
    Umbrella1968  
       2024-08-12 04:14:52 +08:00 via iPhone
    @dallaslu 我直接进去了你的英文网页,敏感字眼备案不会影响吗?
    rqYzyAced2NbD8fw
        4
    rqYzyAced2NbD8fw  
       2024-08-12 04:45:45 +08:00
    @Umbrella1968 没看到哪里有敏感字
    gmyxds
        5
    gmyxds  
       2024-08-12 05:52:53 +08:00
    @dallaslu 美 ICP 备 ???什么东西,假的?
    v1
        6
    v1  
       2024-08-12 07:08:53 +08:00
    想法不错,实际没用
    duzhuo
        7
    duzhuo  
       2024-08-12 08:29:26 +08:00
    @gmyxds 有没有可能他就没备案
    dj721xHiAvbL11n0
        8
    dj721xHiAvbL11n0  
       2024-08-12 08:34:48 +08:00
    备案号不是给用户看,有就行
    qiaoyurensheng
        9
    qiaoyurensheng  
       2024-08-12 08:56:23 +08:00
    @x2420390517 备案号还是会查的,我备案悬挂不规范前几天就被查了,要求整改,
    ![]( https://img.picgo.net/2024/08/12/20240812085452e4ae572a221c71a8.png)
    dj721xHiAvbL11n0
        10
    dj721xHiAvbL11n0  
       2024-08-12 09:02:42 +08:00
    @qiaoyurensheng 你这个用错误的备案号肯定不行。我指的意思是样式无所谓,人家审核的人能看到就行
    dj721xHiAvbL11n0
        11
    dj721xHiAvbL11n0  
       2024-08-12 09:03:25 +08:00
    @qiaoyurensheng 我前几天也被查了,网站标题不对,让我整改
    cat9life
        12
    cat9life  
       2024-08-12 09:04:48 +08:00   2
    不太懂,需求点在哪.. 一句话可以搞定的事情。为啥还整上 vue 了?
    JeremyFeng
        13
    JeremyFeng  
       2024-08-12 09:11:56 +08:00
    @dallaslu 请问底部最右边的多语言选项是怎么实现的呀?
    sks4728
        14
    sks4728  
       2024-08-12 09:13:51 +08:00
    自己的玩具, 大开门!
    hi2hi
        15
    hi2hi  
       2024-08-12 09:15:00 +08:00
    有需要的要适配网站整体风格,没需要的觉得多此一举。。。
    xxmym
        16
    xxmym  
       2024-08-12 09:17:41 +08:00
    @dallaslu 居然允许留言和评论这类功能
    xcsoft
        17
    xcsoft  
       2024-08-12 09:30:44 +08:00
    @xxmym 他的网站就没备案。不过如果你的网站 公安备案是交互式, 留言和评论 只要有审核 基本应该问题不大
    xxmym
        18
    xxmym  
       2024-08-12 09:44:32 +08:00
    @xcsoft 艹 我没仔细看……
    那还是算了,给自己找事
    xcsoft
        19
    xcsoft  
       2024-08-12 09:49:53 +08:00
    @xxmym 有好多 像萌备的 那种虚拟备案,其实挺好玩的,但都和官方的 备案文字格式有差异。
    他这个感觉 有亿点不靠谱
    Hopetree
        20
    Hopetree  
       2024-08-12 10:21:46 +08:00
    这种东西还写个项目有点离谱了吧,一个样式而已。。。
    5200
        21
    5200  
       2024-08-12 10:34:57 +08:00
    @xxmym #16 网站用的 CF ,备案是假的,就是个放在国外的站。
    wizzer
        22
    wizzer  
       2024-08-12 10:49:37 +08:00
    @qiaoyurensheng 同是皖 IPC ,我的没问题啊 budiot.com budwk.com
    beta4x
        23
    beta4x  
    OP
       2024-08-12 11:03:18 +08:00
    @dallaslu 很棒,看得出来是花了心思的。
    dallaslu
        24
    dallaslu  
       2024-08-12 11:12:28 +08:00
    @JeremyFeng 网站是使用 sveltekit 开发的内容管理系统,多语言是使用 sveltekit-i18n 实现的
    qiaoyurensheng
        25
    qiaoyurensheng  
       2024-08-12 13:29:53 +08:00 via Android
    @wizzer 我是两个网站对到同一个号上了,没有分,他要求备案号后面加-1 和-2 这样的,
    panxiuqing
        26
    panxiuqing  
       2024-08-12 15:06:45 +08:00
    响应式备案号?
    kmz1
        27
    kmz1  
       275 天前
    @dallaslu #24 请问大佬,多语言是自己写上去的吗?还是自动翻译的?
    dallaslu
        28
    dallaslu  
       250 天前   1
    @kmz1 大多是机翻,然后人工校对
    关于     帮助文档     自助推广系统     博客     API     FAQ     Solana     5818 人在线   最高记录 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 40ms UTC 02:43 PVG 10:43 LAX 19:43 JFK 22:43
    Do have faith in what you're doing.
    ubao snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86