在中国大陆运营的网站，按照相关法律规定，必须在网站底部展示工信部颁发的 ICP 备案号 和公安机关颁发的 公安备案号。不仅能保证合规运营，还能提升网站的专业形象。如标题，本文将详细介绍我自己的论坛是如何添加 ICP 备案号和公安备案号，并可根据此文章自定义你的网站。比如说网站需要添加 HTML 代码验证，易于扩展。
在 Discourse 论坛中添加备案号
相信看到这篇文章的你已经有 ICP 备案号 和 公安备案号了吧，
- 那么首先，登录到你的 Discourse 管理后台。在左侧导航栏中依次进入：“管理员”， “外观”，“组件” 页面。
- 接着到如图页面，” 安装 “，“创建新主题”，输入组件名称 “备案信息”，类型选择 “组件”，完了后 “创建”。
完了后就到了这个页面，选择 “包含这些主题的组件”，也就是你要修改的主题，我这里修改的是默认主题，所以如图选的是 “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); /* 提高背景透明度 */
}
}
添加 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>
**保存！**到这儿就完了，点击右下角预览 or 刷新你的网站，就可以看见效果了。如图，可以看见右下角出现了你的备案信息，你可以通过点击备案代码来跳转到工信部和公安部的备案查询页面。