开源文件

网页跳转大师 (1).json
bcm社区链接：https://shequ.codemao.cn/work/165115720
H5体验链接：https://coco.codemao.cn/editor/player/165115720?channel=h5
跳转示例链接：https://static.codemao.cn/coco/player/unstable/HkNmju0Fo.text/html?hash=Fiu0gLSlDjqjtILKqwu7isT_ngaY

引子

在猫站社区的规则中，是不允许文章或评论中存在外链的，但是这个规则中猫站站内链接是可以显示的，所以就诞生了网页跳转大师

原理

生成代码

可以用多行文本框控件来实现显示代码
html代码的简单原理就是点击图片跳转链接。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="https://static.codemao.cn/coco/player/unstable/Hkq4GIG4o.image/x-icon?hash=Fg76VPQ74KyWtkymzzZlASwT34yf" type="image/x-icon">
    <style>
         .center{
            text-align:center;  
         }
    </style>
    <style>
            body{
        background-image:url('https://static.runoob.com/images/mix/gradient2.png');
        background-repeat:repeat-x;
        }
    </style>
    </style>
    <title>CoCo网页跳转大师</title>
</head>
<body class="center">
    <a href="链接"><img src='https://static.codemao.cn/coco/player/unstable/Syl7w4M4j.image/jpeg?hash=FrgDbd7IP4nYA3hx7X_ZbJoe_Ak7'></a>
    <h1>您即将打开网址：链接</h1>
    <h1>点击图片打开页面</h1>
    <h1>此网站由用户自行提供，与haloged工作室无关，请谨防诈骗。</h1>
    <a href="https://coco.codemao.cn/editor/player/165115720?channel=h5" target="_blank">点击打开网页跳转大师</a>
    <p>版本号：2.0.0</p>
</body>
</html>

网页托管

猫站CoCo有一个控件叫照相机，照相机有一个积木可以上传文件到bcm图床
然后把一个输入框的输入文本设为刚刚上传到bcm图床的文件生成的链接
然后再重置图床
一个网页托管就做好了
block (1).png

引用控件

名称 作者 文件
多行输入框 DL1 官方控件商城
截图工具 编程猫官方 官方控件商城
文件工具箱 小宏XeLa 官方控件商城
剪切板 小宏XeLa 官方控件商城
控制台报错/警告 ZouBochen 控制台报错_警告.js

总结

这个网页跳转大师我差不多只做了十五分钟左右，但是那个网页我差不多改了一个小时。所以说请大家多多使用。开源文件开头就有，如有需要自取。