1. 蓝洛水深首页
  2. 教程
  3. 网站
  4. 第2页

网站

  • WordPress页面插入720全景代码（或其他Iframe）自适应高度全屏显示教程

    通常情况下，我们在WordPress中插入Iframe时，如果height给的是100%，很大程度上，都不能正常的实现100%的显示效果，最终会显示成如下： 在上图中，我们给的代码是：

    1
    <iframe style="width: 100%; height:100%;" src="https://720yun.com/t/2avks71l7pe?scene_id=47915354" frameborder="no"></iframe>

    其中的width和height都设置的是100%，但事与愿违，在页面上并不能正常的显示到100%。 原因 出现这…

    蓝洛水深 蓝洛水深
    2020年8月24日 • 网站
    0 463
  • 代码高亮插件Crayon Syntax Highlighter在PHP7.4报错解决办法 网站

    代码高亮插件Crayon Syntax Highlighter在PHP7.4报错解决办法

    在新版的WordPress中，系统已经多次提示升级PHP，考虑到新版本更高效更安全，所以决定升级。 可是，升级完成后，网站出现大量报错，报错信息如下：

    PHP
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340
     
    Warning: preg_replace(): Compilation failed: invalid range in character class at offset 4 in /home/wwwroot/www.pingzz.com/wp-content/plugins/crayon-syntax-highlighter/crayon_langs.class.php on line 340

    如果上面的代码不直观的话，可以看下图，满屏的报错。 可以很直观的看出错误是来自一款叫Crayon Syntax Highlighter的代码高亮插…

    蓝洛水深 蓝洛水深
    2020年8月11日
    0 424
  • 2020年7月最新国内外接（收）码平台小汇总 网站

    2020年7月最新国内外接（收）码平台小汇总

    有的时候，某些网站或者APP必须要手机验证后才能登录使用，而我们可能只是想看一眼或者看某一条数据，并不会长期使用，更多的可能是以后都不会再使用，所以很多人都会用到接码平台。 故而，这里整理了一些国内外的接码平台，希望能帮到你。 1、FreePhoneNum.com 2、https://smsreceivefree.com 3、https://zh.mytra…

    蓝洛水深 蓝洛水深
    2020年7月28日
    0 1.4K

  • WordPress使用CDN（腾讯云）后不能正常评论的解决办法

    最近在速度与可用性上我折腾了很长一段时间，一直没有找到一个很好很完美的办法，包括百度云、腾讯云、阿里云的CDN也都陆续进行了测试与使用，本地的WP Super Cache缓存插件，服务器上的Memcached也都陆陆续续玩过折腾过。 在这过程中，一直有一个小问题困扰着我，像百度的CDN，会把页面登录信息缓存上，虽然每天免费10G流量很香，但不可能不登录后台不…

    蓝洛水深 蓝洛水深
    2020年7月4日 • 网站
    0 234
  • WordPress替换了数据库中的文章图片链接但编辑器链接未改变的原因 杂谈

    WordPress替换了数据库中的文章图片链接但编辑器链接未改变的原因

    前段时间我折腾了腾讯云的COS，将整个博客的静态文件全部迁移到了COS桶中，经过一段时间的体验，我觉得这其实是一种非常糟糕的做法，特别是像我这样囊中羞涩的人来说。 当时的折腾过程可以看这篇文章。 WordPress媒体库迁移腾讯COS教程（避坑指南） 我们来看账单。 起初我真是太天真了，以为COS花不了几个钱，结果事与愿违，在这个账单中，我们可以看到，COS…

    蓝洛水深 蓝洛水深
    2020年7月1日
    0 532
  • 如何自定义一个美观的宝塔防火墙拦截页面及页面代码分享 网站

    如何自定义一个美观的宝塔防火墙拦截页面及页面代码分享

    宝塔防火墙能拦截一些常规的攻击，在拦截时候会提示宝塔防火墙，如果你不想让攻击者知道你用的是宝塔并且是被宝塔防火墙拦截，可以通过自定义规则的方式，定义一个新的页面作为相应内容，默认页面效果如下： 通过自定义后的效果如下： 修改教程 在宝塔面板中，点击软件商店，找到安装的防火墙，点击设置。 左侧选项卡选择第二项，全局配置，我们需要修改的就是右侧这几个「响应内容」…

    蓝洛水深 蓝洛水深
    2020年6月28日
    0 580
  • 网页限制F12代码，实现调试模式下自动关闭网页或者跳转指定页面 网站

    网页限制F12代码，实现调试模式下自动关闭网页或者跳转指定页面

    在有些页面不想让用户访问F12的情况下我们需要如何去处理,要如何实现用户访问F12关闭网页或进行跳转。 下面具体贴上代码 复制到你的网页代码中即可 关闭窗口并打开空白页JS代码

    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
    31
    32
    33
    34
    <script type="text/javascript">
    //判断F12审查元素
    function fuckyou() {
    window.close(); //关闭当前窗口(防抽)
    window.location = "about:blank"; //将当前窗口跳转置空白页
    }
     
    function ck() {
    console.profile();
    console.profileEnd();
    //我们判断一下profiles里面有没有东西，如果有，肯定有人按F12了，没错！！
    if(console.clear) {
    console.clear()
    };
    if(typeof console.profiles == "object") {
    return console.profiles.length > 0;
    }
    }
     
    function hehe() {
    if((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {
    fuckyou();
    }
    if(typeof console.profiles == "object" && console.profiles.length > 0) {
    fuckyou();
    }
    }
    hehe();
    window.onresize = function() {
    if((window.outerHeight - window.innerHeight) > 200)
    //判断当前窗口内页高度和窗口高度，如果差值大于200，那么呵呵
    fuckyou();
    }
    </script>

    F12-网页跳转JS

    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
    function collect() {
        //开始javascript执行过程的数据收集
        console.profile();
        //配合profile方法，作为数据收集的结束
        console.profileEnd();
        //我们判断一下profiles里面有没有东西，如果有，肯定有人按F12了，没错！！  
        if (console.clear) {
            //清空控制台
            console.clear()
        };
        if (typeof console.profiles == "object") {
            return console.profiles.length > 0;
        }
    }
    function check() {
        if ((window.console && (console.firebug || console.table && /firebug/i.test(console.table()))) || (typeof opera == 'object' && typeof opera.postError == 'function' && console.profile.length > 0)) {
            jump();
        }
        if (typeof console.profiles == "object" && console.profiles.length > 0) {
            jump();
        }
    }
    check();
    window.onresize = function() {
        //判断当前窗口内页高度和窗口高度
        if ((window.outerHeight - window.innerHeight) > 200)
        jump();
    }
    function jump() {
        window.location = "https://72.rs";

    蓝洛水深 蓝洛水深
    2020年6月23日
    0 473

  • WordPress媒体库迁移腾讯COS教程（避坑指南）

    经过了两天的摸索与尝试，加上丢失了一点点数据库内容，现在把这个过程分享给有需要的朋友，希望你在做媒体库迁移到腾讯COS的过程中能避掉一些坑。 为什么做迁移 原因很简单，我想使用腾讯COS的webp服务，使用的主题是自带这个服务的，如下图所示，在图片资源为腾讯云COS的基础上，加上一小行后缀即可自动实现webp。[crayon-60062b80bd7cb772…

    蓝洛水深 蓝洛水深
    2020年4月9日 • 网站
    0 1.2K
  • HTML通过CSS控制元素上下居中同时左右居中 网站

    HTML通过CSS控制元素上下居中同时左右居中

    之前在给阳光房宝做小程序码的时候就需要在微信中上下左右居中，因为平时很少自己写前端，所以搜索了一些前辈的方法 最终我用的是下面这样的代码：

    PHP
    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
    31
    32
    33
    34
    35
    36
    37
    38
    39
    40
    41
    42
    43
    44
    45
    46
    47
    48
    49
    50
    51
    52
    53
    54
    55
    56
    57
    58
    59
    60
    61
    62
    63
    64
    65
    66
    67
    68
    69
    70
    71
    72
    73
    74
    75
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>阳光房宝小程序</title>
    <style>
    .container {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        text-align: center;
        font-size: 0;
        white-space: nowrap;
        overflow: auto;
    }
     
    .container:after {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }
     
    .dialog {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        white-space: normal;
    }
    </style>
    </head>
    <body width="100%" height="100%" margin: 0;  padding: 0;>
    <div class="container">
    <div class="dialog">
    <img src="xiaochengxu.jpg" width="100%"/>
    </div>
    </div>
    </body>
     
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script><!--引用最新版腾讯JS-->
    <script>
      wx.config({
        debug: false,
        appId: '***',
        timestamp: ***,
        nonceStr: '***',
        signature: '***',
        jsApiList: [
            'updateAppMessageShareData' ,'updateTimelineShareData' // API列表
        ]
      });
      //API内容
    wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
    wx.updateAppMessageShareData({
    title: '阳光房宝小程序',
    desc: '阳光城·翡丽公馆项目位于贵州省毕节市中心城区-东城区板块，前靠毕节东客站...',
    link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php',
    imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg',
    success: function () {
      // 设置成功
    }
    });  
    });
        wx.ready(function () {      //需在用户可能点击分享按钮前就先调用
        wx.updateTimelineShareData({
            title: '阳光房宝小程序', // 分享标题
            link: 'http://720.gyxlck.com/yangguangfeicui/xcx.php', // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
            imgUrl: 'http://720.gyxlck.com/yangguangfeicui/logo.jpg', // 分享图标
            success: function () {
              // 设置成功
            }
    });
    });
    </script>

    可以通过这个链接查看具体效果：http://720.gyxlck.com/yangguangfeicui/xcx.php 而最近通过自己学习，我觉得这样写更直…

    蓝洛水深 蓝洛水深
    2020年3月26日
    0 458
  • 移动端H5不能自动播放背景音乐解决方法 网站

    移动端H5不能自动播放背景音乐解决方法

    相信很多开发者都遇到了这个坑，在PC上用浏览器调试也都能播放，但实际在微信或者手机浏览器中，又不能正常播放，解决的办法也很简单，参照如下代码修改即可： 1、先加载背景音乐

    JavaScript
    1
    <audio id="bgmusic" style="display:none;" src="music/back.mp3" autoplay preload controls></audio><!--加载背景音乐-->

    2、利用微信的jssdk突破了限制

    JavaScript
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    <script src="http://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script>
    <script>
    var audioStatus = "paused";
    var audio = document.getElementById("bgmusic");
    audio.addEventListener("playing", function(){
    audioStatus = "playing";
    });
    audio.addEventListener("pause", function(){
    audioStatus = "paused";
    });
    document.addEventListener("WeixinJSBridgeReady", function () {
    if(audioStatus=="paused"){
    //判断播放状态，如果未播放就执行播放
    document.getElementById("bgmusic").play();
    }
    });
    </script>

    添加如上代码后，即可实…

    蓝洛水深 蓝洛水深
    2020年2月19日
    1 1.1K