引言
在中国大陆运营的网站，按照相关法律规定，必须在网站底部展示工信部颁发的 ICP 备案号 和公安机关颁发的 公安备案号。不仅能保证合规运营，还能提升网站的专业形象。如标题，本文将详细介绍我自己的论坛是如何添加ICP备案号和公安备案号，并可根据此文章自定义你的网站。比如说网站需要添加HTML代码验证，易于扩展。
在 Discourse 论坛中添加备案号
相信看到这篇文章的你已经有ICP备案号 和 公安备案号了吧，
那么首先，登录到你的 Discourse 管理后台。在左侧导航栏中依次进入：“管理员”， “外观”，“组件” 页面。
接着到如图页面，”安装“，“创建新主题”，输入组件名称“备案信息”，类型选择“组件”，完了后“创建”。
2024-10-12T08:37:50.png
完了后就到了这个页面，选择“包含这些主题的组件”，也就是你要修改的主题，我这里修改的是默认主题，所以如图选的是“Default”，再点击编辑“CSS/HTML”按钮。（如果你选择的修改主题当前没有使用是看不见修改的效果的）
添加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); /* 提高背景透明度 */
}
}2024-10-12T08:38:49.png
添加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>2024-10-12T08:39:13.png
保存！到这儿就完了，点击右下角预览or刷新你的网站，就可以看见效果了。如图，可以看见右下角出现了你的备案信息，你可以通过点击备案代码来跳转到工信部和公安部的备案查询页面。
2024-10-12T08:39:23.png
自定义HTML代码验证
当我们需要使用HTML标签验证discourse网站所有权时，会因为是Docker部署，文件验证比较麻烦。比如说百度验证。这时就可以通过上面的方法添加HTML标签验证你的网站。如图，在“Head”中添加你的网站验证代码
2024-10-12T08:39:41.png
这里通过检查查看是否添加生效。如图可以看见你刚刚添加的HTML代码。
2024-10-12T08:39:52.png
结语
通过以上步骤，不仅可以确保你的 Discourse 论坛符合中国的法律要求，还能通过添加自定义HTML代码验证你的网站，是不是全是精华？
要是你也想构建自己强大的社区论坛，可以去看看这篇Blog：在独立环境和Nginx的环境中部署搭建Discourse论坛 | BOBO Blog | 和nginx共存 (soulcloser.com) 如果这篇文章对你有帮助，分享给需要的朋友吧