Hexo icarus主题小功能设置

杂谈
hexo
文章目录
  1. 1. 添加站长统计
  2. 2. 百度/谷歌验证站点
  3. 3. 百度分享按钮https站点不显示问题
    1. 3.1. 解决方案
    2. 3.2. 参考

添加站长统计

我们通过站长统计来及时查看我们个人网站的浏览情况。首先，我们需要进行注册：站长统计
以下参考：添加cnzz站长统计

在theme的_config.yml中的末尾添加以下：(这部很重要，不添加web_id将无法显示出来)

1
2
# CNZZ id
cnzz: 这里填入你在站长统计注册后的web_id

在目录：主题的layout/_partial/添加文件为cnzz.ejs，内容如下：

1
2
3
<% if (theme.cnzz){ %>
Analyse with <script src="https://s4.cnzz.com/z_stat.php?id=<%= theme.cnzz %>&web_id=<%= theme.cnzz %>" language="JavaScript"></script>
<% } %>

注意:一定要采用https方式引入，否则chrome浏览器考虑安全性问题不会加载

最后进行显示，在路径layout/_partial/footer.ejs里面添加：

1
...PPOffice</a>.<%- partial('cnzz') %>

再次提醒注意在_config.xml中添加web_id，否则无法显示。当显示出来了，又有一个问题，那就是要填写查看密码了。
查看以下即可：【设置】如何设置查看密码？（此功能只限站长用户）

百度/谷歌验证站点

为什么要验证站点了，因为要搜索引擎进行收录，说白了就是让别人更容易搜索到你的网站，仅此而已。
首先需要到百度/谷歌站长统计中注册，以及验证：
Google网站管理员工具地址
百度站长工具
注册完后，进行输入相应的网站地址，然后选择html验证，将代码加入以下路径layout/_partial/head.ejs：（截取部分）

1
2
3
4
5
<head>
  <meta name="baidu-site-verification" content="tqvy7RDErf" />
  <meta name="google-site-verification" content="hjN29-PO_KfE-dgow-7hcz75xJj0qzZ6G2OkXZ3FVd8" />
  <meta charset="utf-8">
  ....

然后发布到github中，再进行验证即可。

百度分享按钮https站点不显示问题

在主题中设置百度分享按钮之后发现一个问题，就是部署到github page之后不显示，但本地测试可以。之后F12调试，发现百度分享采用的是http，而github page则是https，chrome浏览器考虑安全问题，不允许加载导致线上百度分享按钮脚本未能加载。

解决方案

要让https站点加载，很简单，将百度分享脚本存放到可支持https的站点即可。这里我直接将百度分享脚本放到hexo的source目录下（hexo根目录的source下或者主题的source下都可以）

百度分享脚本可在一下地址下载：
百度分享脚本
下载之后解压，将static文件夹复制到source目录下即可。

然后找到主题中引用百度分享脚本的地方，我用的是icarus主题，则在themes\icarus\layout\share目录下的bdshare.ejs文件。修改改文件：

1
2
3
.src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
改为
.src='/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

以上步骤完成，搞定。

参考

百度分享集成

百度分享不支持Https的解决方案

评论