本站最近的一些更新(Ghost博客调教)
作者博客传送门→
https://jacobruan.com/a-record-of-optimizing-the-ghost-blog-for-waitech/
新增评论区
大家终于可以愉快地畅所欲言啦!
而且因为我们服务器在新加坡,不受中国大陆法律限制,也没有敏感词蛤蛤蛤
采用的是Valine作为我们的评论系统,快速、简洁且高效、无后端。
获取
在Code Injection的Footer部分填入
<script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
<script src='//unpkg.com/valine/dist/Valine.min.js'></script>
<script>
new Valine({
el: '#vcomments',
appId: '<APP ID>',
appKey: '<APP Key>'
})
</script>
然后再在post.hbs
里被注释掉的Comment
部分添加这个就好了
<div class="col-md-12">
<div id="vcomments"></div>
</div>
参考:Ghost 博客添加 Valine 评论系统
新增邮件订阅
大家可以在首页和每篇文章的下面找到这个订阅按钮
将你的邮箱输进去,以后有文章更新就会通过邮件通知你啦~
参考:eddiesigner/liebling
接入了Google广告
为什么要接广告?
你当我们服务器是大风吹来的吗!
能补贴一下服务器的运营费用,顺便还能给文章作者一些报酬。
广告是Google根据你的兴趣个性化推荐的哦!所以每个人看到的都不太一样
下面是某位不愿意透露姓名的同学看到的情形
Google广告接入还是很方便的
在Google Adsense申请就好,然后Google就会给一段神秘代码
像这样
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({
google_ad_client: "ca-pub-这里应该是你的个人编号",
enable_page_level_ads: true
});
</script>
然后就把这段代码扔进Code Injection的Head部分就好了
然后Google广告就会自动霸占你的网站了
记得在Google Adsense的设置里调整一下广告出现的频率,以免广告太多影响阅读体验。
参考:Google AdSense + Ghost
接入了统计系统
我们站点一共接入了三个统计系统,分别是Google Analytics,百度统计 和 不蒜子统计。
上面是百度统计的效果图,就是能分析一下站点的访问量什么的。
又没有多少人来统计个屁
百度和Google的接入都很方便,直接注册然后按提示获取代码就好了。
然后把获取到的代码扔进Code Injection的Head部分。
Head部分都快成垃圾场了
不蒜子统计和前两个有点区别,这个是拿来展示的。
比如页面底部的访问量统计,每篇文章的“热度”都是用它做的。
方法也还算简单
先把这个填入Code Injection的Head部分
<script async src="//busuanzi.ibruce.info/busuanzi/2.3/busuanzi.pure.mini.js"></script>
把这段代码扔进footer.hbs
合适的地方就可以了
<span id="busuanzi_container_site_pv">本站总访问量<span id="busuanzi_value_site_pv"></span>次</span>
文章阅读量“热度”的方法也类似,改post.hbs
就好了。
参考:不如
新增了作者页面
效果:Authors
参考:eddiesigner/liebling
在底部加了一个QQ群按钮
完成了本站的邮件系统
等我有空再写(要写国庆作业了……