Discourse 论坛中添加ICP备案、公安备案号&自定义HTML代码验证教程

引言

在中国大陆运营的网站，按照相关法律规定，必须在网站底部展示工信部颁发的 ICP 备案号 和公安机关颁发的 公安备案号。不仅能保证合规运营，还能提升网站的专业形象。如标题，本文将详细介绍我自己的论坛是如何添加ICP备案号和公安备案号，并可根据此文章自定义你的网站。比如说网站需要添加HTML代码验证，易于扩展。

在 Discourse 论坛中添加备案号

相信看到这篇文章的你已经有ICP备案号 和 公安备案号了吧，

那么首先，登录到你的 Discourse 管理后台。在左侧导航栏中依次进入：“管理员”， “外观”，“组件” 页面。
接着到如图页面，”安装“，“创建新主题”，输入组件名称“备案信息”，类型选择“组件”，完了后“创建”。

完了后就到了这个页面，选择“包含这些主题的组件”，也就是你要修改的主题，我这里修改的是默认主题，所以如图选的是“Default”，再点击编辑“CSS/HTML”按钮。（如果你选择的修改主题当前没有使用是看不见修改的效果的）

Discourse-论坛中添加ICP备案、公安备案号自定义HTML代码验证教程2

添加CSS/HTML代码

到了添加代码的页面，这里我准备好了CSS和HTML代码，大家只需要修改成自己的ICP备案号和公安备案号就行了，并且代码已经链接到权威网站工信部和公安部的备案查询页面。如图添加CSS代码：

/* 备案号样式，固定在右下角 */
#icp-beian {
    position: fixed;
    right: 10px; /* 距离右边 10px */
    bottom: 10px; /* 距离底部 10px */
    font-size: 12px;
    color: #666;
    background-color: rgba(255, 255, 255, 0.8); /* 半透明背景 */
    padding: 3px 5px;
    border-radius: 3px;
    z-index: 9999;
    text-align: right;
}

/* 移动设备样式调整 */
@media (max-width: 768px) {
    #icp-beian {
        font-size: 10px;
        right: 5px; /* 移动设备距离右边 5px */
        bottom: 5px; /* 移动设备距离底部 5px */
        background-color: rgba(255, 255, 255, 0.9); /* 提高背景透明度 */
    }
}

Discourse-论坛中添加ICP备案、公安备案号自定义HTML代码验证教程3

添加HTML代码：

备案号信息：替换 "京ICP备000000号" 和 "京公网安备000000号" 为你的实际备案号。

<footer>
    <div id="icp-beian">
        <a href="https://beian.miit.gov.cn/" target="_blank">京ICP备000000号</a>
        <span> | </span>
        <a href="http://www.beian.gov.cn/portal/registerSystemInfo" target="_blank">
            <img src="https://www.beian.gov.cn/img/ghs.png" alt="公安备案" style="vertical-align: middle;">
            京公网安备000000号
        </a>
    </div>
</footer>

Discourse-论坛中添加ICP备案、公安备案号自定义HTML代码验证教程4

保存！到这儿就完了，点击右下角预览or刷新你的网站，就可以看见效果了。如图，可以看见右下角出现了你的备案信息，你可以通过点击备案代码来跳转到工信部和公安部的备案查询页面。

自定义HTML代码验证

当我们需要使用HTML标签验证discourse网站所有权时，会因为是Docker部署，文件验证比较麻烦。比如说百度验证。这时就可以通过上面的方法添加HTML标签验证你的网站。如图，在“Head”中添加你的网站验证代码

这里通过检查查看是否添加生效。如图可以看见你刚刚添加的HTML代码。

Discourse 论坛中添加ICP备案、公安备案号&自定义HTML代码验证教程7

结语

通过以上步骤，不仅可以确保你的 Discourse 论坛符合中国的法律要求，还能通过添加自定义HTML代码验证你的网站，是不是全是精华？

要是你也想构建自己强大的社区论坛，可以去看看这篇Blog：在独立环境和Nginx的环境中部署搭建Discourse论坛 | BOBO Blog | 和nginx共存 (soulcloser.com) 如果这篇文章对你有帮助，分享给需要的朋友吧💐文章分享链接：https://www.soulcloser.com/4414 如果在过程中遇到任何问题，欢迎在评论区或论坛频道留言bbs.soulcloser.com我会尽力帮助你解决，频道不定期分享信息和资源💐💐💐