Hexo 页脚增加工信部备案和公安网备案展示

发表于 更新于 分类于 阅读次数： 本文字数： 955 阅读时长 ≈ 1 分钟
网上已经有了现成的Hexo 博客展示工信部备案信息的教程了，但并没有找到展示公安网备案的相关信息。这里补充一下自用的方案。

本站主题已经升级到 NexT 6.0，新改动新方案请查看：[Hexo NexT 主题 6.x 版本的使用配置与美化 - 字数统计，网站建站时间，ICP 与公安备案，多语言链接等][l2]

网上已经有了现成的 Hexo 博客展示工信部备案信息的教程了，但并没有找到展示公安网备案的相关信息。这里补充一下自用的方案。

效果展示

![本站页脚效果][1]

解决方案

  1. 找到 \themes\next\layout\_partials\ 下面的 footer.swig 文件

  2. 在上次的展示网站建站时间的代码段之后插入代码，如图所示

    ![红框是插入代码的位置][2]

  3. 代码

    1
    2
    3
    4
    5
    <div class="BbeiAn-info">
       	{{ __('赣ICP备') }} -
        <a target="_blank" href="http://www.miitbeian.gov.cn/" style="color:#f0d784"  rel="nofollow">你自己的备案号</a> <!--a标签中增加nofollow属性，避免爬虫出站。-->| 
    	<a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=你自己的备案号" style="color:#f0d784;text-decoration:none;padding-left:30px;background:url(https://s1.ax1x.com/2018/09/29/ilmwIH.png) no-repeat left center" rel="nofollow">{{ __('赣公网安备 你自己的备案号') }}</a>	  <!--这里将图标作为了背景，以使得能和后面的文字在同一行-->
    </div>

  4. 使用命令编译并查看效果。推送网站。

[1]: https://s1.ax1x.com/2018/09/29/ilGlnA.png “本站页脚效果”
[2]: https://s1.ax1x.com/2018/09/29/ilG37t.jpg “红框是插入代码的位置”
[l2]: https://xian6ge.cn/posts/5b8c41e7/