缺陷

如果从主页点击进入文章页面,点击二维码按钮无法正确弹出二维码,提示js报错,刷新之后就没这个问题了,目前还未解决。还望有高手指点。

已修正,查看文章《在文章底部添加QQ空间分享及修正微信二维码生成方式》

以下正文

这几天一直没有心情写故事,索性再捣鼓捣鼓博客,其实一直很喜欢素锦博客的格局,包括我自己还弄了一个同主题博客 星宇Star(已注销) ,只是这种博客只适合原创型,不适合我这种大老粗,所以一直用的现在这个主题。
早就想在我的文章底部添加二维码分享和weibo分享,一直苦于看不懂代码,没法移植过来,这两天也是一直在研究这个问题,把博客弄挂了N次之后,总算是成功了,也许吧。
通过二维码分享,可以直接用微信或者QQ扫描二维码分享链接;通过点击weibo分享按钮可以直接分享到微博。
所以把这些分享出来,有需要的朋友可以取走。

php

<div class="share">
<a title="获取二维码" class="icon-wechat" href="javascript:;"></a><!--
--><a href="javascript:void((function(s,d,e){try{}catch(e){}var f='http://v.t.sina.com.cn/share/share.php?',u=d.location.href,p=['url=',e(u),'&amp;title=',e(d.title),'&amp;appkey='].join('');function a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=620,height=450,left=',(s.width-620)/2,',top=',(s.height-450)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent)){setTimeout(a,0)}else{a()}})(screen,document,encodeURIComponent));" rel="nofollow" class="icon-weibo" title="分享到新浪微博"></a>
<div id="qr"></div>
</div>

CSS

.share a {display: inline-block;color: #666;margin-right: 15px}
.share a:hover {color: #f55}
.share {position: relative;text-align: right;font-size: 25px;}
.icon-wechat:before {content: "\e607";}
.icon-weibo:before {content: "\e608";}
#qr {z-index: 10;display: none;position: absolute;background: #fff;right: 10%;top: -290%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
@font-face {
font-weight:400;font-style:normal;font-family:icomoon;src:url(data:application/x-font-ttf;charset=utf-8;base64,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MRQWFTAUMxwBFRYUMRQWFRwBFTIUFRQWFTAUMRYUFTAUOQEiJiMiJiMiBiMiBgcOAQciBiMOAQcOASMOAQcOAQciBgcOAQciBiMOAQciBiMOAQciBiMOAQcOASMOAQcOAQciBgcOAQcwBiMOAQciBiMUBgciBjEOAQciBiMOAQcOASMOAQcOAQciBgcUBhUiBiMOAQcwBiMOAQcwBiMOARUOASMUBgcUBgciBhUOARUiBjEOARUiBjEOARUiFCMUBgcUBjEOARUGFAcwBgcUBhUiFCMUBhUiFCMUBhUiFCMUBhUUBjEGFAcUBhUwBhUGFBUiFCMcAQcwBjEUBhUwBjEUBhUwBjEUBhUUBjEUBhUUBhUwFAccARUiFDEUBhUwBjEcARUiFDEUBhUcATEGFBUUBhUwFBUUBhUwFDEUBhUwFDEUBhUwFDEcARUUBjEcARUcARUwBhUcARUwFDEcARUwFCMcARUwFDEcARUcATEcARUcARUwFBUxHAEVMBQVHAEVMBQxHAEVMBQxHAEVMBYxHAEVHAExHAEVFBYVMBQVHAEVMBYxHAEVMBQzHAEVMBQxFhQVHAExFhQVHAEXMBQVFBYVMBQxFhQVMBYxHAEVFwYiIyIGIyImIyImJy4BJyImIy4BJyImIy4BJy4BIwc/ATU/AzU/DDU/CDU3MCYjNCYnIiYjNCYnLgExLgEnLgEjLgEnLgE1IiY1LgE1IiYxLgE1IiYjLgEnIiYjNCY1LgEjLgEnNCY1IiYnNCY1IiYjNCYnIiYxLgEnMCYjNCYnNCYjLgE1LgE1IiY1LgE1IiYxNCYnMCYjNCYnMCYxLgE1NCYjNCY1LgE1MCY1LgE1MCYxLgE1MCYxJjQnMCYxNCY1IjQjNCY1NCYxNCY1JjQ1IjQnPAEnMDQjPAEnMDQjPAEnMDQjPAE1JjQxJjQ1NCY1MCY1PAE1IjQxNCY1MDQjPAE1MCYxPAE1NCYxPAE1NCY1MDQ1NCY1MDQxPAEnMDQxPAE1MDQxJjQ1PAExPAE1PAE1MCY1PAE1MDQxPAE1MDQxPAE1MDQxNDA1MDQxMDQxPAE1PAExPAE1PAE1MDQ1NDY1MDQxPAE1MDQxPAE1MjQxPAE1PAExNjQ1PAE1MDY1PAE1MDQzPAE1MDQzPAE1MDYxPAE1NDYxPAE3PAE1MDY1PAE3MDQxNjQ1MDYxNDY1MDYxPAE3PAEzPAE3PAE3MDQ3PAE3MDQzNDY1MDYxNDY1MDYxNjQ3MDYxNDY1NDYxPgE1NDY1MjQ3NDY1MjQzNDY1MjQzNDY1MjYxNDY3NDYxPgE1PgE1MjQ3NDY3MDYzNDY3MDYzNDY3MDYzNDY1PgExPgE3NDY3MDY1PgE3MDYzPgE3MDYzPgE3MDYxPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE1MjYzPgE3MjYzNDY3MjYzPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE3MjYzPgE3MjYzPgE3PgEzPgE3PgE3MjY3PgE3MjYzPgE3MjYzPgE3MjYzPgE3PgEzPgE3MQEiBhUUFjMyNjU0JiMxMyIGFRQWMzI2NTQmIzEBIgYVFBYzMjY1NCYjMRcyNjU0JiMiBhUUFjMxBz4BMzQ2Mz4BNzA2NzI2NzA2NT4BMz4BMzQ2MT4BNTI2NTI2NT4BMzQ2Mz4BMz4BNTI2NzI2NzA2Mz4BMz4BMz4BNzI2NzI2NzI2Mz4BMz4BMz4BNzI2NzI2NzI2Nz4BMz4BMz4BNzI2NzI2NzI2Nz4BMz4BOwEyFhcyFhceATMeATMeATMeARcyFhcyFhceATMeATMeATMeARcyFhcyFhcyFjMeATMeATMeARcyFhcyFhUyFjMeATMeATEeARcyFhcyFhUyFhcUFjMUFjMUFhcwFhUyFhUyFhceATMUFjEeATMUFhUyFhcwFhUyFjEeATMUFjMeARUyFhUyFhUyFjEeATEeATEeARUyFhUyFhUyFBcUFjMUFjEeARUwFhcwFhUyFhUUFjMUFjEUFjMUFhUwFhUyFBcwFjEWFDMcATMUFhUwFhUyFBcwFDMUFjEUFjEUFhUwFhUwFhUyFDEWFDEWFDEWFBUwFhUwFhUwFhUUFjEcATMcATEWFBUwFhUwFBccATEUFjEcATMcARUwFhUwFBUwFjEcATEWFDEcARUyFBUwFBUwFjEcATEcATEWFBUwFBUwFBUwFhUcATEcATEcATEUFhUwFBUwFBUwFDEcATEcATEcARUwFBUxFRwBMRwBMRwBFTAUFTAUFTAUMRwBIxwBMRwBFTAUFTAUBzAUFRwBMRwBIxwBMRwBFSIUFTAUFRQGMRwBMRQGMRwBFSIUFTAGFTAUMQYUMRQGMRwBBzAUFTAGFTAGMRQGMRwBIxwBFSIUFSIUFSIUFQYUMQYUMQYUMQYUBzAUBzAUBzAGMRQGMRQGMQYUBzAGFTAGFSIUIxQGMRQGMQYUBzAGFSIUBzAGMQYUIxQGMQ4BFTAGBzAGFSIUBxQGIxQGMQ4BMQ4BFTAGBzAGBxQGIxQGIxQGIxQGBzAGBzAGBzAGIxQGIw4BMQ4BFSIGBzAGBzAGMQ4BIxQGIw4BFSIGByIGFSIGBw4BIxQGMQ4BIw4BBzAGFSIGBw4BIwcVFxUfARUfARUfARUfARUfARUXFR8BFR8BFR8DFRcVHwEVFxUXLwIHIgYHDgEjDgEjDgEjDgEHIgYHIgYHDgEjKgEjKgEjIiYnIiYjLgEjLgEnIiYnIiYnIiYnLgEjLgEjLgEjLgEnIiYnIiYnIiYjLgEjLgEjLgEnIiYnIiYnIiYjLgEjLgEjLgEnIiYnIiYnMCYnLgEjLgEjLgEnIiYnMCYnMCY1LgEjLgEjNCYxLgEnMCY1IiY1IiYjNCYxLgExLgE1IiYnMCYnMCYjNCYjNCYjNCYnMCY1IiY1IiYxNCYjNCYjNCY1IjQnMCY1IiY1NCYjNCYxNCYxLgE1MCY1IjQnMCYxNCYxJjQjNCY1MCY1MCY1IjQxJjQjPAEjPAEnMCY1MCY1MCYxNCYxNCYxPAEnMDQnMDQ1IjQ1NCYxNCYxPAEjPAE1IjQ1MCY1MDQjPAExNCYxPAE1IjQ1MDQnMDQxNCYxPAExPAEnMDQ1MDQ1IjQxPAExNCYxPAE1MDQ1MCY1MDQ1PAExPAExNCYxPAE1MDQ1MDQ1PAExPAExNTQmNTA0PQEwNDUxPAExPAExPAE1MDY1MDQ1MDQxPAExPAExPAE1MDQ1MDY1MDQ1PAExPAExNjQxPAE1MDQ1MDY1PAExPAEzPAExPAE1MjQ1MDQ1MjQxPAExNjQxPAE3MDQ1MDY1MDQzPAExNDYxPAE3MDQ1MjQ1MDY1NDYxPAEzPAEzPAE1MjQ1MjQ1NjQxNjQxNjQxNjQ1MjQ1MjQ3MDQzNDYxNDYxNDY1MjQ3MDQ3MDYxNDYxPgExNDY1MjQ3MDY1MjQ3NDYxNjQzNDYxPgE1MDY3MDY1PgExNjQzNDYzNDY3MDY3MDY1MjYxPgEzNDYzNDY3MDY3MDY1MjY5AQE8DBcMAwwYCwUJBQQHAwMGAwMGAgMEAwIEAwIEAgIDAgIEAQIEAQIDAgEDAgEDAgEDAQICAgEDAQEDAQECAgECAQEDAQECAQECAQICAQECAQECAQEBAQECAQECAQEBAQECAQIBAQEBAQIBAgECAQIBAgECAQEBAQEBAQEBAgEBAQIBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQUJBQQHBAQJBAcOBwQIBAMGAwMFAgMEAwIEAgIEAQIEAQIDAgEEAQEDAgEDAQICAgECAQICAQEDAQECAQECAQICAQECAQIBAQIBAQIBAgEBAgECAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQUJBAQIBAMHBAgOBwUIBQMHBAMHAwMGBAMGAwMGA30BAQIBAgEBAQIBAQEBAgEBAQIBAgEBAQIBAQEBAQEBAgEBAgECAQECAQIBAQEBAQEBAQIBAgECAQIBAgEBAQEBAQEBAQIBAQEBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQIBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQIBAQEBAQIBAgEBAgEBAgEBAgEBAgEBAgEBAgEBAgECAgEBAwEBAgIBAgIBAwEBAwECAwECAwECAwECAwICAwICBAIBBAIDBAIDBAMCBgIDBgMEBwMFCQUBKw0XFw0UGRkUxQ4WFg4UGBgU/cwUIiIUFBkZFPsUGBgUFCIiFAsBAQEBAQEBAQEBAQEBAgEBAQEBAQIBAgECAQIBAgECAQEBAQECAQIBAQIBAgEBAgEBAgEBAgEBAgIBAgEBAwEBAgIBAgIBAwEBAwIBAwIBAwICAwIBBAICBAICBQICBgIDBgMECAQKFAsBChMKBAcEAwYDAgUDAgQDAgMCAgQCAQQBAgMCAQMBAgMBAQMBAgIBAgIBAQMBAQIBAQIBAgIBAQIBAQIBAgEBAgEBAgECAQEBAQECAQIBAgECAQIBAgECAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQIBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQMEWwEDBAICBQICBQICBQIDBQMDBQMEBwMGCwUDBgMECAQHDQcECAQDBgMCBQMCBAMCBAIBBAICAwIBAwIBAwIBAwECAgIBAwEBAgIBAgEBAwEBAgEBAgEBAgEBAgEBAgEBAQEBAgEBAQEBAgECAQEBAQEBAQEBAQEBAQIBAgEBAQEBAQIBAQECAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEDSAECAgEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQEBAQEBAQEBAQIBAQECAQEBAQE+AQMDBQIFAwIDAgUDBQMCBQMFAgYCAwUCAwIIAwIDAgMBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAQEBAQEBAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQECAQEBAQEBAQEBAQEBAQEBAQIBAQECAQEBAgEBAQEBAQEBAQEBAQEBAQECAQEBAgEBAQIBAQEBAQEBAf5nFg0OFhYODRYWDQ4WFg4NFgEEGRQUGRkUFBlaGRQUGRkUFBlvAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEEAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEFAgICAgIDAgICAgIDAgICAgICAwICAgICAwQCAgIFAgICAgMCAQECMwEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAgEBAQEBAQEBAQEBAQECAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAgEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQIBAQEBAQEBAQEBAQEBAQEB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) format('truetype');
}[class*=" icon-"],[class^=icon-] {
text-transform: none;
font-weight: 400;
font-style: normal;
font-variant: normal;
font-family: icomoon;
line-height: 1;
speak: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

CSS自适应

@media(max-width:880px){
#qr {z-index: 10;display: none;position: absolute;background: #fff;right: 22%;top: -290%;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px}
}

JS

$(function(a) {
a("body").on("click",
function(b) {
var c = a(b.target).attr("class") || "",
d = a(b.target).attr("rel") || "";
if (c || d) switch (!0) {
case - 1 != c.indexOf("icon-wechat") : a(".icon-wechat").hasClass("tg") ? a("#qr").toggle() : (a(".icon-wechat").addClass("tg"), a("#qr").qrcode({
width: 128,
height: 128,
text: location.href
}).toggle());
}
});
});

JS补充

通过邮件评论链接直接访问过来的网址会带评论后缀,如果此时扫描二维码会直接链接到评论位置,在 灰狼大神 的指点下,需要提取文章网址而不是地址栏网址,所以修改了部分代码。

text: location.href //这里需修改
text: $("link[rel=canonical]").attr("href")

JS调用

<script type='text/javascript' src=".../jquery.qrcode.min.js"></script>

代码来源:GitHub

20 thoughts on “给文章底部添加了微信二维码和weibo分享

  1. Klose说道:

    Chrome 微信失效。

    1. 言小五说道:

      @Klose 是呀,是有这个问题,刷新一下才有,还没找到解决办法~大神能否指点一下?

      1. Klose说道:

        @言小五 = =并不会.要不你考虑用Hover的方式?

        1. 言小五说道:

          @Klose 主要是二维码是靠js生成的,已经测试过了js点击隐藏显示div层和css隐藏显示div层,在runjs/code编辑器里测试正常,但是只要上传到空间,结果要么就是qrcode is not a function,要么就是Cannot read property ‘length’ of undefined。我觉得有可能是pjax加载主页的时候没让加载qrcode的js。

  2. 灰狼说道:

    从首页进来,点击,会报错:a(“#qr”).qrcode is not function。。。
    只有刷新一次页面才可以点出来

    1. 言小五说道:

      @灰狼 对对对,就是这个,昨天一直出现这个问题,但是今天我用两个浏览器轮流试了,没发现这个问题。

  3. 灰狼说道:

    微信按钮点了无反应

    1. 言小五说道:

      @灰狼 浏览器不兼容?我用谷歌和百度两个浏览器可以点开的。

      1. 灰狼说道:

        @言小五 可以了,你更新了css,没有刷新到。刚才强刷页面可以了。。。

        1. 言小五说道:

          @灰狼 我昨天下午测试的时候,是有碰到如果不强制刷新,会导致调用不了生成二维码的qrcode,不过今天貌似来回N次没发现问题。

      2. 灰狼说道:

        @言小五 看了下代码,就不应该获取地址栏的地址,应该是获取文章的URL,不然我刚才测试的时候,地址栏是评论区域的地址,在微信上就会跳转到评论的位置(其实应该是直接看文章,从文章那里开始)

        1. 言小五说道:

          @灰狼 诶,是哦,那怎么改啊?求大神指点,js我一窍不通。

          1. 灰狼说道:

            @言小五 用$(“link[rel=canonical]”).attr(“href”)去获取文章的URL。

            1. 言小五说道:

              @灰狼 谢谢灰狼大神~太感谢了。

  4. 故事会说道:

    博主貌似是程序员、、、、

    1. 言小五说道:

      @故事会 0,0 额,还真是猜错了,做博客只是爱好,我不会写代码的。

  5. 自定义说道:

    你经营两个博客呀,之前去过那个博客,没仔细看域名。

    1. 言小五说道:

      @自定义 哈哈~谈不上经营,另一个博客是因为朋友有个空间弃用了,我征用来的。帮我表妹发布文章的,可惜表妹不给力,文章写不出来,我也就没更新了,域名也只一年的。

      1. 自定义说道:

        @言小五 额额,可以的,有余力就弄弄,毕竟风格不一样嘛。

        1. 言小五说道:

          @自定义 那个博客几乎没啥整的地方,主题制作人很用心。我唯一没搞明白的就是在文章页面,点击壁纸按钮之后,壁纸下载按钮调不出来,有空再研究吧。

发表评论

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