Ryan_ma-mtab
/
index.html

<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta name="author" content="MRyan" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>MTAB</title>
    <link rel="shortcut icon" href="./img/search.png" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="full-screen" content="yes">
    <!--UC强制全屏-->
    <meta name="browsermode" content="application">
    <!--UC应用模式-->
    <meta name="x5-fullscreen" content="true">
    <!--QQ强制全屏-->
    <meta name="x5-page-mode" content="app">
    <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="Cache-Control" content="no-siteapp">
    <!--QQ应用模式-->
    <link href="./font/embed.css" rel="stylesheet">
    <link href="./css/style.min.css" rel="stylesheet">
    <!--图标大全-->
    <link href="./css/font.css" rel="stylesheet">
    <script src="./js/jquery.min.js"></script>
    <script src="./js/myjs.js"></script>
    <script src="./js/anouth.js"></script>
    <link rel="stylesheet" href="./css/search.min.css" />
    <style>
        input::-webkit-input-placeholder {
            color: #b44a4a;
        }

        input::-moz-placeholder {
            /* Mozilla Firefox 19+ */
            color: #b44a4a;
        }

        input:-moz-placeholder {
            /* Mozilla Firefox 4 to 18 */
            color: #b44a4a;
        }

        input:-ms-input-placeholder {
            /* Internet Explorer 10-11 */
            color: #b44a4a;
        }
    </style>
    <script>
        function reloadbg() {
            console.log("asd")
            localStorage.removeItem("bg");
            location.reload();
        }

    </script>
</head>

<body>
    <img id="bgimg" src=""
        style=" width: 100%; height: 100%; object-fit:cover;display:none;position: absolute;z-index:0" />
    <div id="menu" style="background: rgba(231,231,231,0.43)"><i></i></div>
    <div id="list" class="list closed" style="text-align: center">
        <ul>
            <ul style="text-align: center;">
                <li class="title"><i></i>我的常用</li>
                <li><a rel="nofollow" href="http://www.wormholestack.cn" target="_blank"><i></i>我的博客</a>
                </li>
                <li><a rel="nofollow" href="https://mryan.blog.csdn.net" target="_blank"><i></i>我的csdn</a>
                </li>
                <li><a rel="nofollow" href="https://gitee.com/Ryan_ma" target="_blank"><i></i>我的Gitte</a>
                </li>
                <li><a rel="nofollow" href="https://github.com/Ryan-m1" target="_blank"><i></i>我的GitHub</a>
                </li>


                <li class="title"><i></i>邮箱</li>
                <li><a rel="nofollow" href="https://mail.google.com/" target="_blank"><i></i>Gmail</a>
                </li>
                <li><a rel="nofollow" href="https://mail.qq.com" target="_blank"><i></i>qq邮箱</a>
                </li>
                <li><a rel="nofollow" href="https://mail.163.com/" target="_blank"><i></i>网易邮箱</a>
                </li>


                <li class="title"><i></i>阅读</li>
                <li><a rel="nofollow" href="https://github.com/trending/java?since=monthly"
                        target="_blank"><i></i>Trending</a>
                </li>
                <li><a rel="nofollow" href="https://www.innoreader.com/" target="_blank"><i></i>innoreader</a>
                </li>
                <li><a rel="nofollow" href="https://www.kancloud.cn/" target="_blank"><i></i>看云</a>
                </li>
                <li><a rel="nofollow" href="https://wx.zsxq.com/" target="_blank"><i></i>知识星球</a>
                </li>
                <li><a rel="nofollow" href="https://juejin.im" target="_blank"><i></i>掘金</a>
                </li>
                <li><a rel="nofollow" href="https://weread.qq.com/web/shelf" target="_blank"><i></i>微信阅读</a>
                </li>
                <li><a rel="nofollow" href="https://www.infoq.cn/" target="_blank"><i></i>InfoQ</a>
                </li>
                <li><a rel="nofollow" href="https://www.tuicool.com/" target="_blank"><i></i>推酷</a>
                </li>
                <li><a rel="nofollow" href="https://jikeyuedu.cn/latest" target="_blank"><i></i>极客阅读</a>
                </li>
                <li><a rel="nofollow" href="https://www.huxiu.com/" target="_blank"><i></i>虎嗅</a>
                </li>
                <li><a rel="nofollow" href="https://dev.to/" target="_blank"><i></i>dev</a>
                </li>
                <li><a rel="nofollow" href="https://toutiao.io/explore/reco" target="_blank"><i></i>开发者头条</a>
                </li>
                <li><a rel="nofollow" href="https://www.thoughtworks.com/cn/radar" target="_blank"><i></i>radar</a>
                </li>
                <li><a rel="nofollow" href="https://segmentfault.com" target="_blank"><i></i>Segmentfault</a>
                </li>
                <li><a rel="nofollow" href="https://zh.ng1lib.org/" target="_blank"><i></i>zlibrary</a>
                </li>
                <li><a rel="nofollow" href="https://yq.aliyun.com" target="_blank"><i></i>阿里云栖社区</a>
                </li>
                <li><a rel="nofollow" href="https://www.cnblogs.com" target="_blank"><i></i>博客园</a>
                </li>
                <li><a rel="nofollow" href="https://www.oschina.net" target="_blank"><i></i>开源中国</a>
                </li>
                <li><a rel="nofollow" href="https://www.v2ex.com" target="_blank"><i></i>v2ex</a>
                </li>
                <li><a rel="nofollow" href="https://stackoverflow.com" target="_blank"><i></i>Stackoverflow</a>
                </li>
                <li><a rel="nofollow" href="https://www.geeksforgeeks.org" target="_blank"><i></i>Geeks</a>
                </li>
                <li><a rel="nofollow" href="https://time.geekbang.org/" target="_blank"><i></i>极客时间</a>
                </li>
                <li><a rel="nofollow" href="https://kaiwu.lagou.com/" target="_blank"><i></i>拉钩教育</a>
                </li>
                <li><a rel="nofollow" href="https://www.imooc.com/" target="_blank"><i></i>慕课网</a>
                </li>
                <li><a rel="nofollow" href="https://www.jianshu.com" target="_blank"><i></i>简书</a>
                </li>
                <li><a rel="nofollow" href="https://www.libhunt.com/" target="_blank"><i></i>libhunt</a>
                </li>
                <li><a rel="nofollow" href="https://programming-idioms.org/about#about-block-cheatsheets"
                        target="_blank"><i></i>idioms</a>
                </li>
                <li><a rel="nofollow" href="https://www.instapaper.com/" target="_blank"><i></i>Instapaper</a>
                </li>
                <li><a rel="nofollow" href="https://coolshell.cn/articles/9308.html"
                        target="_blank"><i></i>Coolshell</a>
                </li>


                <li class="title"><i></i>工具</li>
                <li><a rel="nofollow" href="https://www.dida365.com/webapp" target="_blank"><i></i>滴答清单</a>
                </li>
                <li><a rel="nofollow" href="https://www.yuque.com/dashboard/my_books" target="_blank"><i></i>语雀</a>
                </li>
                <li><a rel="nofollow" href="https://dictionary.cambridge.org/" target="_blank"><i></i>dictionary</a>
                </li>
                <li><a rel="nofollow" href="https://apachemirror.sg.wuchna.com/" target="_blank"><i></i>apachemirror</a>
                </li>
                <li><a rel="nofollow"
                        href="https://carbon.now.sh/?bg=rgba%28171%2C+184%2C+195%2C+1%29&t=seti&wt=none&l=text%2Fx-java&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=19px&ph=16px&ln=false&fl=1&fm=Hack&fs=14px&lh=133%25&si=false&es=2x&wm=false&code=%2540FunctionalInterface%250Apublic%2520interface%2520CommandLineRunner%2520%257B%250A%250A%2509%252F**%250A%2509%2520*%2520Callback%2520used%2520to%2520run%2520the%2520bean.%250A%2509%2520*%2520%2540param%2520args%2520incoming%2520main%2520method%2520arguments%250A%2509%2520*%2520%2540throws%2520Exception%2520on%2520error%250A%2509%2520*%252F%250A%2509void%2520run%28String...%2520args%29%2520throws%2520Exception%253B%250A%250A%257D%250A"
                        target="_blank"><i></i>carbon</a>
                </li>
                <li><a rel="nofollow" href="http://md.aclickall.com/" target="_blank"><i></i>Md2All</a>
                </li>
                <li><a rel="nofollow" href="https://md.openwrite.cn" target="_blank"><i></i>OpenWrite</a>
                </li>
                <li><a rel="nofollow" href="https://mp.weixin.qq.com/" target="_blank"><i></i>微信公众号</a>
                </li>
                <li><a rel="nofollow" href="https://mvnrepository.com" target="_blank"><i></i>maven仓库</a>
                </li>
                <li><a rel="nofollow" href=" https://s01.oss.sonatype.org/#welcome" target="_blank"><i></i>sonatype</a>
                </li>
                <li><a rel="nofollow" href="https://visualgo.net/zh" target="_blank"><i></i>visualgo</a>
                </li>
                <li><a rel="nofollow" href="https://translate.google.cn/?hl=zh-CN" target="_blank"><i></i>谷歌翻译</a>
                </li>
                <li><a rel="nofollow" href="https://www.aliyun.com" target="_blank"><i></i>阿里云</a>
                </li>
                <li><a rel="nofollow" href="https://cloud.tencent.com/" target="_blank"><i></i>腾讯云</a>
                </li>
                <li><a rel="nofollow" href="https://pan.baidu.com" target="_blank"><i></i>百度网盘</a>
                </li>
                <li><a rel="nofollow" href="https://mp.weixin.qq.com/" target="_blank"><i></i>微信开发</a>
                </li>
                <li><a rel="nofollow" href="https://www.jiumodiary.com" target="_blank"><i></i>鸠摩搜书</a>
                </li>
                <li><a rel="nofollow" href="https://www.jetbrains.com" target="_blank"><i></i>Jetbrains</a>
                </li>
                <li><a rel="nofollow" href="https://www.macwk.com/soft/development/p1?cid=39,16"
                        target="_blank"><i></i>macwk</a>
                </li>


                <li class="title"><i></i>前端</li>
                <li><a rel="nofollow" href="http://www.uugai.com/" target="_blank"><i></i>uugai</a>
                </li>
                <li><a rel="nofollow" href="http://chuangzaoshi.com/" target="_blank"><i></i>设计导航</a>
                </li>
                <li><a rel="nofollow" href="https://cli.im" target="_blank"><i></i>草料二维码</a>
                </li>
                <li><a rel="nofollow" href="https://webgradients.com" target="_blank"><i></i>Gradients</a>
                </li>
                <li><a rel="nofollow" href="http://www.ngchina.com.cn/" target="_blank"><i></i>国家地理</a>
                </li>
                <li><a rel="nofollow" href="https://www.dribbble.com/" target="_blank"><i></i>Dribbble</a>
                </li>
                <li><a rel="nofollow" href="https://huaban.com/" target="_blank"><i></i>花瓣</a>
                </li>
                <li><a rel="nofollow" href="https://www.zcool.com.cn/" target="_blank"><i></i>站酷</a>
                </li>
                <li><a rel="nofollow" href="https://www.iconfont.cn/" target="_blank"><i></i>阿里图标</a>
                </li>
                <li><a rel="nofollow" href="https://fontawesome.dashgame.com/" target="_blank"><i></i>fontawesome</a>
                </li>
                <li><a rel="nofollow" href="https://javascriptobfuscator.com/Javascript-Obfuscator.aspx"
                        target="_blank"><i></i>JS混淆器</a>
                </li>
                <li><a rel="nofollow" href="https://cdnjs.com/" target="_blank"><i></i>CdnJs</a>
                </li>
                <li><a rel="nofollow" href="https://fontawesome.com/icons?d=gallery" target="_blank"><i></i>Font A</a>
                </li>
                <li><a rel="nofollow" href="https://www.iconfinder.com/" target="_blank"><i></i>IconFinder</a>
                </li>
                <li><a rel="nofollow" href="https://www.bootcss.com" target="_blank"><i></i>Bootstrap</a>
                </li>
                <li><a rel="nofollow" href="https://www.layui.com" target="_blank"><i></i>layui</a>
                </li>
                <li><a rel="nofollow" href="https://element.eleme.cn/#/zh-CN" target="_blank"><i></i>ElementUI</a>
                </li>
                <li><a rel="nofollow" href="https://1x.antdv.com/docs/vue/introduce-cn/" target="_blank"><i></i>Antd</a>
                </li>


                <li class="title"><i></i>开发</li>
                <li><a rel="nofollow" href="http://www.w3school.com.cn/" target="_blank"><i></i>W3school</a>
                </li>
                <li><a rel="nofollow" href="https://developer.mozilla.org/zh-CN/" target="_blank"><i></i>mdn</a>
                </li>
                <li><a rel="nofollow" href="https://c.runoob.com/front-end/854?optionGlobl=global"
                        target="_blank"><i></i>正则表达式</a>
                </li>
                <li><a rel="nofollow" href="https://www.mdeditor.com/" target="_blank"><i></i>MD编辑器</a>
                </li>
                <li><a rel="nofollow" href="https://tinypng.com/" target="_blank"><i></i>TinyPNG</a>
                </li>
                <li><a rel="nofollow" href="https://codepen.io/" target="_blank"><i></i>Codepen</a>
                </li>
                <li><a rel="nofollow" href="http://www.aigei.com/music/class/energy/" target="_blank"><i></i>音乐素材</a>
                </li>
                <li><a rel="nofollow" href="https://www.easyicon.net" target="_blank"><i></i>图标搜索</a>
                </li>
                <li><a rel="nofollow" href="https://www.cgown.com" target="_blank"><i></i>pr素材</a>
                </li>
                <li><a rel="nofollow" href="https://miku.tools/" target="_blank"><i></i>Miku工具</a>
                </li>
                <li><a rel="nofollow" href="http://cubic-bezier.com" target="_blank"><i></i>贝赛尔曲线</a>
                </li>
                <li><a rel="nofollow" href="http://sc.chinaz.com/yinxiao/" target="_blank"><i></i>音效下载</a>
                </li>
                <li><a rel="nofollow" href=" https://www.tutorialspoint.com/codingground.htm"
                        target="_blank"><i></i>在线编译器</a>
                </li>
                <li><a rel="nofollow" href="https://5iux.cn/base64" target="_blank"><i></i>Base64</a>
                </li>
                <li><a rel="nofollow" href="https://www.sojson.com/simple_json.html" target="_blank"><i></i>JSON解析</a>
                </li>


                <li class="title"><i></i>刷题</li>
                <li><a rel="nofollow" href="https://leetcode-cn.com/problemset/all/" target="_blank"><i></i>leetcode</a>
                </li>
                <li><a rel="nofollow" href="https://www.lintcode.com/problem/" target="_blank"><i></i>lintcode</a>
                </li>
                <li><a rel="nofollow" href="http://newoj.acmclub.cn/problems" target="_blank"><i></i>ACMClub</a>
                </li>
                <li><a rel="nofollow" href="https://www.nowcoder.com" target="_blank"><i></i>牛客网</a>
                </li>
                <li><a rel="nofollow" href="https://www.codewars.com/dashboard" target="_blank"><i></i>Codewars</a>
                </li>


                <li class="title"><i></i>娱乐</li>
                <li><a rel="nofollow" href="https://v.qq.com/" target="_blank"><i></i>腾讯视频</a>
                </li>
                <li><a rel="nofollow" href="  https://www.youku.com" target="_blank"><i></i>优酷</a>
                </li>
                <li><a rel="nofollow" href="https://www.iqiyi.com" target="_blank"><i></i>爱奇艺</a>
                </li>
                <li><a rel="nofollow" href="https://music.163.com/" target="_blank"><i></i>网易云音乐</a>
                </li>
                <li><a rel="nofollow" href="https://www.bilibili.com/" target="_blank"><i></i>哔哩哔哩</a>
                </li>
                <li><a rel="nofollow" href="https://www.zhihu.com/" target="_blank"><i></i>知乎</a>
                </li>
                <li><a rel="nofollow" href="https://www.youtube.com/" target="_blank"><i></i>Youtube</a>
                </li>
                <li><a rel="nofollow" href="https://twitter.com/" target="_blank"><i></i>Twitter</a>
                </li>
                <li><a rel="nofollow" href="https://web.telegram.org/" target="_blank"><i></i>Telegram</a>
                </li>


                <li class="title"><i></i>背景图管理</li>
                <li><a rel="nofollow" href="javascript:void(0)" style="left: 50%" onclick="reloadbg()"><i></i>重置背景图</a>
                </li>
                <li class="title"><label for="imgfile">
                        <div style="text-align: center;left: 50%">
                            <div id="upload-tip">+</div>
                            <img src="" alt="" id="img-show" style="display: none">
                            <input type="file" id="imgfile" ref="myFile" style="display: none"
                                onchange="imgfileChange()">
                        </div>
                    </label></li>
            </ul>
        </ul>
    </div>
    <div id="content" style="position: absolute;z-index:10">
        <div id="he-plugin-simple"></div>
        <div class="con">
            <section class="sousuo">
                <div class="search">
                    <div class="search-box">
                        <svg class="icon" style="width: 25px;margin-left: 15px" id="search-icon" aria-hidden="true">
                            <use xlink:href="#icon-baidu"></use>
                        </svg>
                        <input type="text" id="txt" class="search-input" autocomplete="off" autofocus="autofocus"
                            placeholder="百度搜索" />
                        <svg class="icon" aria-hidden="true" id="search-clear" style="display: none;margin-right: 10px">
                            <use xlink:href="#icon-shanchu"></use>
                        </svg>
                    </div>
                    <div class="box search-hot-text" id="box" style="display: none">
                        <ul style="font-size: 20px"></ul>
                    </div>
                    <div class="search-engine" style="display: none;">
                        <div class="search-engine-head">
                            <strong class="search-engine-tit" style="margin-top: 10px">选择搜索引擎：</strong>
                            <div class="search-engine-tool">
                                搜索推荐：<label class="switch">
                                    <input id="hot-btn" type="checkbox">
                                    <div class="slider round"></div>
                                </label>
                            </div>
                        </div>
                        <ul style="margin-top: 20px" class="search-engine-list"></ul>
                    </div>
                </div>
            </section>
        </div>
        <div class="foot">
            <p id="oneword" style="margin-left: 20px;margin-right: 20px"></p>
            <br>
            <span id="footpower">© 2022 Powered by </span> <a id="footMRyan"
                href="http://www.wormholestack.cn/index.php/aboutme.html">MRyan</a>
        </div>

    </div>
</body>

<script src="https://v1.hitokoto.cn/?encode=js&select=%23oneword&c=d&c=j&c=k&c=i&c=l" defer></script>
<script src=" ./js/search.min.js"></script>
<script src=" ./js/load.js"></script>
<script type="text/javascript">
    WIDGET = { FID: 'kRzqJG821C' }
</script>

<script>
    WIDGET = {
        "CONFIG": {
            "modules": "01234",
            "background": "1",
            "tmpColor": "FFFFFF",
            "tmpSize": "16",
            "cityColor": "FFFFFF",
            "citySize": "16",
            "aqiColor": "FFFFFF",
            "aqiSize": "16",
            "weatherIconSize": "24",
            "alertIconSize": "18",
            "padding": "10px 10px 10px 10px",
            "shadow": "1",
            "language": "auto",
            "borderRadius": "10",
            "fixed": "true",
            "vertical": "left",
            "horizontal": "left",
            "left": "10",
            "top": "10",
            "key": "990b88968d0a4b76b5dc88706806e0ed"
        }
    }
</script>
<script src="https://widget.qweather.net/simple/static/js/he-simple-common.js?v=2.0"></script>

</html>