开头

最近做了个两个新网页，https://photo.qzxwzcj.tk/，https://qzxwzcj.tk/、

第二个是博客站的备用站，原本打算拿来替换现有的本站的，但是后来想了想还是算了，另一个是一个图集页面，部署了一个网页在线匿名聊天室

来源

上个月我b站的后台收到这位朋友的私信，他告诉了我这个嵌入式聊天室组件，我感觉比我很久之前cloudflare的apps部署要简单的多，所以今天给大家分享一下

部署

说是部署，其实你也可以试用一下，比如说你f12打开console，输入

var s=document.createElement('script');
s.src='//topurl.cn/chat.js';
document.body.append(s);

或者，在浏览器地址栏输入

javascript:var s=document.createElement('script');s.src='//topurl.cn/chat.js';document.body.append(s);

这样就可以体验到聊天室了，还可以把这行代码作为网址保存成书签, 进入聊天室就能和同一个域名同样这样操作的网友在聊天室里聊天了

（部分安全度高的网站不支持）

如果你自己的网页想要部署也很简单，html里边任意位置加入下面这串代码就行了

<script src="//topurl.cn/chat.js" async="async"></script>

添加 fold 属性可以让聊天室默认折叠

<script src="//topurl.cn/chat.js" async="async"></script>

效果

结语

算是一个挺好玩的项目，我觉得挺有意思的，弄起来也很简单，大家可以部署玩一玩