1. 首页
  2. 技术教程
  3. emlog | 寒光唯美式 优化教程一
0条评论

emlog | 寒光唯美式 优化教程一

  • 内容
  • 相关

寒光唯美式

全局背景选择固定图片背景，半透明样式。并添加了阴影半透蒙版，全局模块背景定义了统一颜色。 整合多种特效，清新唯美。平滑特效，全局pjax+响应式布局。

工具环境

编辑器：PhpStorm

域名：www.emlog_local.com

环境：emlog pro + Nginx + PHP7.4

优化说明

1、为区分模板，复制一份并重命名为 iitboyDice，启用模板

2、先修复首页控制台报错

GET http://www.emlog_local.com/include/lib/js/common_tpl.js net::ERR_ABORTED 404 (Not Found)

common_tpl.js 不存在，这是老版本的评论相关脚本，在 emlog pro 中已去除

可以从老版本中复制过来，也可以自己重新写一些评论控制脚本

现在先去除

//content\templates\iitboyDice\header.php  删除
<script src="<?php echo BLOG_URL; ?>include/lib/js/common_tpl.js" type="text/javascript"></script>

GET http://www.emlog_local.com/content/plugins/Fw_player/js/player.js net::ERR_ABORTED 404 (Not Found)
GET http://www.emlog_local.com/content/plugins/Fw_player/style/player.css net::ERR_ABORTED 404 (Not Found)
Uncaught ReferenceError: $player is not defined at (index):1021

插件 Fw_player 不存在，这是模板自带的音乐播放器

如需要，请联系寒光

现在先去除

//content\templates\iitboyDice\header.php  删除
<script language="javascript" src="/content/plugins/Fw_player/js/player.js"></script>

//content\templates\iitboyDice\footer.php  删除
<link rel="stylesheet" type="text/css" href="<?php echo BLOG_URL; ?>content/plugins/Fw_player/style/player.css">

//content\templates\iitboyDice\footer.php  删除
<script type="text/javascript">
    geci = "";
    welcome = "open";
    tips = "欢迎光临寒光博客";
    setTimeout(function () {
        $player.toggleClass("show")
    }, 6000);
</script>

<?php doAction('Fw_iitboy'); ?>

GET http://www.emlog_local.com/content/templates/iitboy/images/qq.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/rss.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/ren.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/weixin.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/liuyan.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/juan.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/mail.png 404 (Not Found)

侧边栏 - 个人资料，相关文件不存在，因为模板重命名

修改模板名，或者自动获取模板名

现在先修改模板名，iitboy -> iitboyDice

    //content\templates\iitboyDice\module.php::widget_blogger
    <a href="http://wpa.qq.com/msgrd?v=3&uin=987284242&site=qq&menu=yes" target="_blank" class="hint--top  hint--rounded" data-hint="在线联系站长QQ"><img src="/content/templates/iitboy/images/qq.png" onmouseover="this.src='/content/templates/iitboy/images/qq2.png'" onmouseout="this.src='/content/templates/iitboy/images/qq.png'"></a>
    ……
    <a href="/" class="hint--left  hint--rounded" data-hint="喜欢本站就捐赠支持吧！"><img src="/content/templates/iitboy/images/juan.png" onmouseover="this.src='/content/templates/iitboy/images/juan2.png'" onmouseout="this.src='/content/templates/iitboy/images/juan.png'"></a>

GET http://www.emlog_local.com/content/templates/iitboyDice/images/user1.png 404 (Not Found)
……
GET http://www.emlog_local.com/content/templates/iitboyDice/images/user9.png 404 (Not Found)

侧边栏 - 最新评论，相关文件（用户头像）不存在，模板没有相关文件

自行添加文件

//content\templates\iitboyDice\module.php::widget_newcomm
<script>
    var str = new Array("<?php echo TEMPLATE_URL; ?>images/user1.png", "<?php echo TEMPLATE_URL; ?>images/user2.png", "<?php echo TEMPLATE_URL; ?>images/user3.png", "<?php echo TEMPLATE_URL; ?>images/user4.png", "<?php echo TEMPLATE_URL; ?>images/user5.png", "<?php echo TEMPLATE_URL; ?>images/user6.png", "<?php echo TEMPLATE_URL; ?>images/user7.png", "<?php echo TEMPLATE_URL; ?>images/user8.png", "<?php echo TEMPLATE_URL; ?>images/user9.png");
    var a;
    a = str[parseInt(Math.random() * (str.length))];
    document.write("<img src=" + a + ">");
</script>

GET http://www.emlog_local.com/content/templates/iitboy/images/iitboy.cn.bj01.jpg 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/bg-fixed.png 404 (Not Found)
GET http://www.emlog_local.com/content/templates/iitboy/images/default.cur 404 (Not Found)

main.css 中相关文件不存在，因为模板重命名

修改模板名，或者使用相对路径

使用相对路径，优化 main.css，添加图片，改动较多，不贴代码了，下载文件自行比对

Uncaught ReferenceError: InstantClick is not defined at (index):982

InstantClick 不存在

去除

//content\templates\iitboyDice\footer.php  删除
InstantClick.on('change', function (isInitialLoad) {
    if (isInitialLoad === false) {
        if (typeof Prism !== 'undefined') Prism.highlightAll(true, null)
    }
});
InstantClick.init();

GET http://api.hitokoto.us/rand?encode=js&charset=utf-8 net::ERR_CONNECTION_TIMED_OUT

一言失效

删除一言，或者修复一言

这里选择修复

//content\templates\iitboyDice\footer.php
<script type="text/javascript" src="http://api.hitokoto.us/rand?encode=js&charset=utf-8"></script>
<script>
    //初始化
    setTimeout("getkoto()", 1000);
    //加载
    var t;

    function getkoto() {
        var hjs = document.createElement('script');
        hjs.setAttribute('id', 'hjs');
        hjs.setAttribute('src', 'http://api.hitokoto.us/rand?encode=jsc&fun=echokoto');
        document.getElementById("hjsbox").appendChild(hjs);
        t = setTimeout("getkoto()", 5000);
    }

    //输出 代码来源 http://www.dxoca.cn/wzjs/53.html<!--dxoca-->
    function echokoto(result) {
        var hc = eval(result);
        //$("#hitokoto").fadeTo(300,0);
        document.getElementById("hitokoto").innerHTML = hc.hitokoto;
        //$("#hitokoto").fadeTo(300,0.75);
    }
</script>
// 替换为
<script>
    setTimeout("getkoto()", 1000);

    function getkoto() {
        fetch('https://v1.hitokoto.cn')
            .then(response => response.json())
            .then(data => {
            const hitokoto = document.getElementById('hitokoto')
            hitokoto.innerText = data.hitokoto
        })
            .catch(console.error)
    }
</script>

3、修复文章页控制台报错

GET http://qr.liantu.com/api.php?&bg=ffffff&w=100&m=6&fg=000000&text=http://www.emlog_local.com/1.html?_pjax=%23contentleftt net::ERR_NAME_NOT_RESOLVED

联图二维码API失效

删除二维码，或者更改二维码API

这里更改二维码API

//content\templates\iitboyDice\echo_log.php
<img src="http://qr.liantu.com/api.php?&bg=ffffff&w=100&m=6&fg=000000&text=<?php $url_this = "http://" . $_SERVER ['HTTP_HOST'] . $_SERVER['REQUEST_URI']; echo $url_this; ?>" alt="二维码加载中...">
//替换为
<img src="https://api.isoyu.com/qr/?m=2&e=L&p=3&url=<?php echo Url::log($logid); ?>" alt="二维码加载中...">

GET http://cdn.rkidc.loveml.com/700x100.gif net::ERR_NAME_NOT_RESOLVED

广告图片失效

删除广告，或者更换广告内容

这里更换广告内容

<div class="rkdic">
    <a href="http://www.rkidc.net/?refcode=je4ybuw2m" target="_blank"><img src="http://cdn.rkidc.loveml.com/700x100.gif" alt=""/></a>
</div>
//替换为
<div class="rkdic" style="width:100%;background: rgba(0,0,0,0.6);color: white;padding: 1rem 0;">
    文章广告招租，请联系站长
</div>

4、移除无效/不需要的代码

控制台检测、禁用右键、复制弹窗、切换标签变更标题、百度分享等，保留自定义title

//content\templates\iitboyDice\footer.php 删除
<script>
    function fuckyou() {
        window.close(), window.location = "about:blank"
    }

    function ck() {
        return console.profile(), console.profileEnd(), console.clear && console.clear(), "object" == typeof console.profiles ? console.profiles.length > 0 : void 0
    }

    function hehe() {
        (window.console && (console.firebug || console.table && /firebug/i.test(console.table())) || "object" == typeof opera && "function" == typeof opera.postError && console.profile.length > 0) && fuckyou(), "object" == typeof console.profiles && console.profiles.length > 0 && fuckyou()
    }

    hehe(), window.onresize = function () {
        window.outerHeight - window.innerHeight > 200 && fuckyou()
    };
</script>

<script data-no-instant="">
    function stop() {
        return false
    }

    document.oncontextmenu = stop;
</script>

<script>
    window['console']['log']('\u5bd2\u5149\u552f\u7f8e\u5f0f\x56\x32\x2e\x34\x2e\x31 \u535a\u5ba2\u5730\u5740\uff1a\x77\x77\x77\x2e\x69\x69\x74\x62\x6f\x79\x2e\x63\x6e \u6a21\u7248\uff08\u9001\u64ad\u653e\u5668\uff09\u4ef7\u683c\uff1a\x35\x30\x52\x4d\x42 \u4f5c\u8005\x51\x51\uff1a\x39\x38\x37\x32\x38\x34\x32\x34\x32');
    document.body.oncopy = function () {
        alert("嘿嘿，复制成功咯！若要转载请务必保留原文链接，一定要注明来源哟~，谢谢合作！");
    };
    // 这里的保留 start
    jQuery(document).ready(function ($) {
    ……
    });
    // 这里的保留 end
    eval(function (p, a, c, k, e, d) {
        e = function (c) {
            return c.toString(36)
        };
        if (!''.replace(/^/, String)) {
            while (c--) {
                d[c.toString(a)] = k[c] || c.toString(a)
            }
            k = [function (e) {
                return d[e]
            }];
            e = function () {
                return '\\w+'
            };
            c = 1
        }
        ;
        while (c--) {
            if (k[c]) {
                p = p.replace(new RegExp('\\b' + e(c) + '\\b', 'g'), k[c])
            }
        }
        return p
    }('g(0).h(e(){e d(){0.9=0[b]?" (｡･ω･｡) 你好，小伙伴！-寒光博客":a}f b,c,a=0.9;"2"!=4 0.8?(b="8",c="k"):"2"!=4 0.5?(b="5",c="j"):"2"!=4 0.6&&(b="6",c="l"),("2"!=4 0.7||"2"!=4 0[b])&&0.7(c,d,!1)});', 22, 22, 'document||undefined||typeof|mozHidden|webkitHidden|addEventListener|hidden|title|||||function|var|jQuery|ready|Hi|mozvisibilitychange|visibilitychange|webkitvisibilitychange'.split('|'), 0, {}));
    $(document).ready(function () {
        $('.chaffle').chaffle()
    });
    window.onload = function () {
        Gifffer()
    };
    window._bd_share_config = {
        "common": {
            "bdSnsKey": {},
            "bdText": "",
            "bdMini": "2",
            "bdMiniList": false,
            "bdPic": "",
            "bdStyle": "0",
            "bdSize": "16"
        }, "slide": {"type": "slide", "bdImg": "1", "bdPos": "right", "bdTop": "192"}
    };
    with (document) 0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];
</script>

Flash Player 已经衰落，移除相关代码

//content\templates\iitboyDice\footer.php 删除
<script src="<?php echo TEMPLATE_URL; ?>js/swfobject_modified.js" type="text/javascript"></script>

Flash Player 已经衰落，移除相关文件

content\templates\iitboyDice\js\expressInstall.swf

content\templates\iitboyDice\js\swfobject_modified.js

多说于2017年6月1日正式关停服务，移除相关代码

//content\templates\iitboyDice\log_list.php 删除
<a href="<?php echo $value['log_url']; ?>#comments"><span class="ds-thread-count" data-thread-key="<?php echo $value['logid']; ?>" data-count-type="comments"></span></a>

//content\templates\iitboyDice\echo_log.php 删除
<a id="comments" href="<?php echo $value['log_url']; ?>#comments"><span class="ds-thread-count" data-thread-key="<?php echo $logid; ?>"></span></a>&nbsp;

<a href="<?php echo $value['log_url']; ?>#comments"><span class="ds-thread-count" data-thread-key="<?php echo $logid; ?>"></span></a>

PS：此优化教程，仅供参考，有不同的意见亦是正常。

下
载
面
板

  文件名称：寒光唯美式 优化教程

  更新时间：

  下载声明：本站默认解压密码（www.52linglong.com）网络资源来自网络收集或本人原创，转载请注明出处！若资源侵犯了你的版权，请联系博主，我们会在24H内删除侵权资源！

立即下載

本文标签： emlog教程

版权声明：若无特殊注明，本文皆为《Dice》原创，转载请保留文章出处。

本文链接：emlog | 寒光唯美式 优化教程一 - https://www.52linglong.com/skill/emlog-iitboy-modify-one.html

相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

大家都在搜