第41篇 推荐一个jekyll博客模板
2017-06-04 21:53
274 查看
本人用的模板是基于Codeboy的博客模板改造模板,(由于本人可能会有很多样式修改,所以不再将修改pullrequst到原项目,在此对codeboy模板表示感谢)。功能改造如下:
具体的添加方式如下 :
在_incluides文件夹下添加一个baidu_analyze.html的文件,内容如下
{{site.baidu_analyze}} 是一个变量,可以把你申请的baidu的key值作为_config.yml的配置值存储下来。
下面只需要保证所有的post生成都能包含这个html就可以了 ,我的选择是在head里面中把baidu_analyze.html包含进去:
thickbox的演示后的效果:
去除代码行号样式错乱问题
添加微信支付宝打赏
这里也是一个开源的项目,项目地址,使用很方便,直接引用到项目中,配置下就可了:<script> window.tctipConfig = { staticPrefix: "http://static.tctip.com", buttonImageId: 1, buttonTip: "zanzhu", list:{ alipay: {qrimg: "http://blog.laofu.online/img/assets/o_zhifubao.png"}, weixin:{qrimg: "http://blog.laofu.online/img/assets/o_weixin.png"}, } }; </script> <script src="http://static.tctip.com/js/tctip.min.js"></script>
百度流量监控
为了查看个人的博客的人气,添加了百度的统计模块,可以方便的看到博客的pv/uv.注册地址具体的添加方式如下 :
在_incluides文件夹下添加一个baidu_analyze.html的文件,内容如下
{%if site.baidu_analyze %} <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "//hm.baidu.com/hm.js?{{site.baidu_analyze}}"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> {% endif %}
{{site.baidu_analyze}} 是一个变量,可以把你申请的baidu的key值作为_config.yml的配置值存储下来。
下面只需要保证所有的post生成都能包含这个html就可以了 ,我的选择是在head里面中把baidu_analyze.html包含进去:
添加thickbox插件
这个插件是一个图片的浏览插件,thickbox官方网站。首先先引入对应的js ,具体的使用是在img的标签上包含一个a标签,这个动作可以使用jQuery方便的实现:<script type="text/javascript"> (function(){ $("article img").each(function(index,value){ var aDom=$("<a></a>").attr({"href":$(value).attr("src")+"?inlineId=myOnPageContent"}).addClass("thickbox"); $(value).wrap(aDom); }); })(); </script>
thickbox的演示后的效果:
其它样式问题
图片的样式由由居中改成居左去除代码行号样式错乱问题
github地址
相关文章推荐
- 推荐一个牛人的博客
- 推荐一个很不错的博客
- 推荐一个博客博客插件
- 强烈推荐的一个博客 图灵官方博客
- 一个非常不错的ruby博客,推荐给大家
- 蛙蛙推荐:用脚本写一个支持模板的代码生成器
- 一个比较好的博客推荐
- 推荐学习.NET的一个博客
- 推荐一个知名技术博客内容聚合网站
- 推荐一个博客
- 推荐一个生成实体类的CodeSmith模板
- 推荐一个音乐博客
- 【原创】推荐一个模板引擎 - templateengine
- 2010年博客模板全新换装『博客帮助』 推荐
- 推荐一个著名的生物信息学博客
- 厌烦了BUG众多的CSDN博客,请朋友们推荐一个好用的技术博客网站
- 推荐一个才女的博客
- 推荐一个免费提供div+css网站模板的站点
- 推荐一个如何成为PPT高手的博客
- 推荐一个跨平台内存分配器 - feixuwu - C++博客