怎么添加萌备图标

泯轲
692 6

我问一下,萌备icp图标该怎么添加

咬咬稻草做动作,生活一点没烦恼!欢迎来到我的博客(。ò ∀ ó。),我有许多萌号,来看看吖~( ̄▽ ̄~)~
最新回复 ( 6 )
  • 3
    置顶评论

    获取moe Logo

    首先你需要获取萌国的LOGO,可以在这里拿到萌国的LOGO

    也可以通过这里拿到完整的LOGO压缩包

    修改源码

    打开你的网站源码,找到你添加备案信息的那一段

    <!-- more -->
    <p>Copyright &copy; 2024 zhi_cheng233 all right reserved</p>
    <p><a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">萌ICP备20241208号</a></p>
    <!-- more -->

    在<a>标签前面插入<img>标签 并通过style对LOGO大小以及位置进行微调

    如:

    <img style = "width:20px;height:20px;margin-bottom:-4px" src="https://moe.one/view/img/ico64.png"/>
    <!--width和height分别调整图片的大小 margin-bottom调整图片在Y轴的偏移-->
    <!--需要自己慢慢调整一个合适的值-->

    修改完整的代码应该是:

    <!-- more -->
    <p>Copyright &copy; 2024 zhi_cheng233 all right reserved</p>
    <p>
        <img style="width:20px;height:20px;margin-bottom:-4px"src = "https://moe.one/view/img/ico64.png"/>
        <a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">萌ICP备20241208号</a>
    </p>
    <!--more-->>
    <!--这里为了美观添加了换行以及缩进实际上可以合成俩行-->

    如果想要Logo也有超链接的效果这需要进行重构 用带url的<a>标签把<img>标签和萌ICP备20241208号包裹起来

    如:

    <!-- more -->
    <p>Copyright &copy; 2024 zhi_cheng233 all right reserved</p>
    <p>
        <a href="https://icp.gov.moe/?keyword=20241208" target="_blank ">
            <img style="width:20px;height:20px;margin-bottom:-4px" src="https://moe.one/view/img/ico64.png"/>萌ICP备20241208号
        </a>
    </p>
    <!-- more -->

     

    最后附上效果图:

    不用谢志成喵

    贴贴~

  • 3
    1
    滚来滚去……~(~o ̄▽ ̄)~o 。。。滚来滚去……o~(_△_o~) ~。。。
  • 泯轲 @Ta
    4
    0
    志成 获取moe Logo 首先你需要获取萌国的LOGO,可以在这里拿到萌国的LOGO 也可以通过这里拿到完整的LOGO压缩包 修改源码 打开你的网站源码,找到你添加备案信息的那一段 &l ...
    谢谢大佬
  • 5
    1
    LOGO包位于 https://icp.gov.moe/moe-icon.zip
  • 6
    0
  • 泯轲 @Ta
    7
    0
    有用的消息入园
  • 游客
    8

    您需要登录后才可以回帖

    登录 注册

发新帖