主题参考

https://usr80.github.io/blog/2018/01/05/hexo%E6%B7%BB%E5%8A%A0%E7%95%85%E8%A8%80%E8%AF%84%E8%AE%BA/

在_config.yml中添加qq属性为自己的QQ号，以便在pug文件中调用
显示QQ图标代码：

1
2
3
4
if theme.qq
      li
        a(qq=theme.qq id="qq")
          i.fa.fa-qq

layout.pug

引入js脚本

1
script(src= url_for('js/utils.js'))

utils.js

通过js指向正确的地址，去调用QQ

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
function IsPC()  
{  
  var userAgentInfo = navigator.userAgent;  
  var Agents = new Array("Android", "iPhone", "SymbianOS", "Windows Phone", "iPad", "iPod");  
  var flag = true;  
  for (var v = 0; v < Agents.length; v++) {  
    if (userAgentInfo.indexOf(Agents[v]) > 0) { flag = false; break; }  
  }  
  return flag;  
}  

$(document).ready(function() {
	if(IsPC()){
		$("#qq").prop("href","tencent://message/?uin="+$("#qq").attr("qq")+"&Site=http://vps.shuidazhe.com&Menu=yes");
	}else{
		$("#qq").prop("href","mqqwpa://im/chat?chat_type=wpa&uin="+$("#qq").attr("qq")+"&version=1&src_type=web&web_src=oicqzone.com");
	}
});