上个月就已经折腾过这个东西,偶然间还是在群里一个博客看到的,只不过他是博客外的一个页面,之前想着把他做进Typecho主题的独立页面里。由于原网页用的是Bootstrap框架写的,之后发现做成独立页面会跟主题冲突,后来也就放弃了:@(便便)
几天前浏览博客发现@weifeng将这个做成了插件,看了下介绍感觉还不错安装插件后handsome自动生成独立页面,其他的通过iframe
放在页面即可,会当我喜出望外的去查看的时候
好家伙芜湖~
后来自己闲来无事改了改之前找的那个单页,用iframe
引在友链页面中
昨天有人跟我要然后就是配置过程有些繁琐所以出篇博文记录一下
部署过程
- 下载单页源码,解压放在博客根目录(链接在最后)
- 打开并注册登录UptimeRobot
- 左上角Add
- 在弹出的界面选择
Https
然后依次网站名称,链接 - 添加后点击上方导航栏
My settings
,然后一直往下滑找到APISettings
点击Show/hide
然后搜索网站名点击创建 - 复制api,打开单页目录
js/config.js
按照已有的样式即可 API配置好后在需要添加的地方添加下面代码
<iframe src="https://博客链接/linkmonitor" height="540" frameborder="no" border="0" width="100%"></iframe>
Demo:邻居
下载地址:
[hide]https://3328.lanzoui.com/i9l7bmu1h9e(2021.8.7更新)[/hide]
PS:非插件每次都需要到config.js
中添加:@(无语)
若有大佬看到此篇文章可以尝试集成插件
本文著作权归作者 [ Meteor ] 享有,未经作者书面授权,禁止转载,封面图片来源于 [ 互联网 ] ,本文仅供个人学习、研究和欣赏使用。如有异议,请联系博主及时处理。
:&(蛆音娘_摊手)
来看看
我来学习一下
我来学习一下
貌似只能检测前三条友链,而且一直显示在检测中
为什么我按照教程操作的,最后友链监控不生效?
你的js路径是https://hq233.cn/js/bootstrap.min.js 是错的,下载的文件解压后将整个linkmonitor上传到网站根目录就好,js和css文件需要在linkmonitor文件夹里面:@(尴尬)
1
下载链接挂掉了呀:&(蛆音娘_去世)
文章已更新,刷新看看
我下载到了 这位大佬的插件https://wfblog.net/archives/serverstatus_plugin.html 但是不太会用 ,你要不要研究下!
别用了,插件里面的CSS和JS挂掉了,用不了了已经
他的插件是适配handsome主题的,对于其他主题他用的还是ifame框架,晚些我下载看看:@(看热闹)
正好需要,看看啦!:&(蛆音娘_滑稽)
kk
厉害了
瞅瞅
[secret] :&(蛆音娘_偷看)[/secret]
:&(蛆音娘_滑稽) 哈哈 强~
:&(蛆音娘_卖萌)
两次评论??