菜单

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

本教程详细记录如何在Discourse论坛页脚添加ICP备案号和公安备案号,同时保持移动端的用户体验友好。确保网站符合中国互联网规定,同时使用HTML标签百度验证网站所有权。

引言

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

在 Discourse 论坛中添加备案号

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

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

完了后就到了这个页面,选择“包含这些主题的组件”,也就是你要修改的主题,我这里修改的是默认主题,所以如图选的是“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刷新你的网站,就可以看见效果了。如图,可以看见右下角出现了你的备案信息,你可以通过点击备案代码来跳转到工信部和公安部的备案查询页面。

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

自定义HTML代码验证

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

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

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

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

结语

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

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

版权声明 © 2024 — Now BOBO BLOG:原创文章受著作权法保护,未经作者同意,不得以任何形式复制其内容、摘编、转载。

订阅评论
提醒
guest
1 评论
最新
最旧 最多投票
内联反馈
查看所有评论
anonymous
anonymous
3 天 前

Perfect!