首页 > 其他 > 详细

博客园修改首页title、description、favicon的代码公开

时间:2019-07-11 19:25:51      阅读:178      评论:0      收藏:0      [点我收藏+]

博客园的默认模板虽然受众接受率还算较高,但是对于有强迫症的同学来说,其中像title、description以及favicon显示仍然比较呆板。有没有自定义的方式呢?答案当然是肯定的。下面是我自己捣腾的博客园首页三个标签自定义的代码,喜欢的同学赶紧拿走吧。

( ? ? ? )?)上代码:

window.addEventListener(‘load‘, function () {

    /* 为网页添加favicon图标
     *  lLink为创建的link标签,vRel为rel属性值,vHref为href属性值。
     */
    var lLink = document.createElement(‘link‘);
    var vRel = "shortcut icon";
    var vHref = "https://statichome.weimob.com/favicon.ico";
    var vType = "image/x-icon";
    lLink.setAttribute(‘rel‘, vRel);
    lLink.setAttribute(‘href‘, vHref);
    lLink.setAttribute(‘type‘, vType);
    document.head.appendChild(lLink);

    /* 判断:如果页面URL是https://www.cnblogs.com/f6056/或https://www.cnblogs.com/f6056,那么说明该页面博客首页,执行下面的代码。blogPageUr是获取的当前页面URL。
     *根据当日按页面URL的字符串长度来作为判断的基准
     */
    var blogPageUrl = window.location.href;

    var a = ‘https://www.cnblogs.com/f6056/‘;
    console.log(a.length)
    var l = blogPageUrl.length;

    if (l <= 30) {
        /* 修改网页的标题 */
        document.title = ‘喜好捣腾代码的业余前端爱好者_弹幕猴子‘;
        /*  添加首页description元数据meta标签
         *创建一个meta元素,sName为该meta元素的name值, sDescription为该meta元素的description值。  
         */
        var dMeta = document.createElement(‘meta‘);
        var sName = ‘description‘;
        var sDescription = "( ? ? ? )?) 不怕慢,就怕站!弹幕猴子开通博客园的博客主要为JavaScript、CSS、HTML、网络营销相关内容。我的CSDN博客首页https://blog.csdn.net/weimob258616 ";
        dMeta.setAttribute(‘name‘, sName);
        dMeta.setAttribute(‘content‘, sDescription);
        document.head.appendChild(dMeta);
    }

}, false);

  

博客园修改首页title、description、favicon的代码公开

原文:https://www.cnblogs.com/f6056/p/11171882.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!