JS一分钟在github+Jekyll的博客中添加访问量功能的实现
一分钟在github+Jekyll博客中添加访问量功能
前言
不会还有小伙伴不知道,github+Jekll是可以搭建自己的个人博客吧???
如果大家觉得csdn的blog不够高大上,或者私密性不好,不能抒发一些情感,那么可以搭一个github的博客,只需一小时即可,详见大佬的博文:
一小时搭建github博客:https://www.jb51.net/article/138946.htm
另附我的个人博客链接: https://dongguanting.github.io/.
如果大家觉得我搭建的不错,欢迎fork我的博客为框架。
我这篇其实是在github+jekll框架下,加入了一个浏览量统计功能,相当于大佬博客的进一步优化,这样也能让大家看到多少人浏览了自己,增添成就感。
一、Jekll是什么
1. Jekll是软件简介
Jekyll 是一个简单的免费的Blog生成工具,类似WordPress。但是和WordPress又有很大的不同,原因是jekyll只是一个生成静态网页的工具,不需要数据库支持。但是可以配合第三方服务,例如discuz。最关键的是jekyll可以免费部署在Github上,而且可以绑定自己的域名。
Jekll的快速安装指令:
gem install jekyll jekyll new my-awesome-site cd my-awesome-site jekyll serve # => Now browse to http://localhost:4000
Jekyll 具有许多的主题可以选择,也有很多插件可以安装,都只需要在文件_config.yml
中写明即可,但是访问量统计的相关插件实在少,另一个大佬说可以通过leancloud
的api实现该功能,但是注册十分繁琐,总是登不上,所以我就找到了一个十分简便的方法,那就是使用不蒜子增加 Jekyll 博客访问量统计。
二、不蒜子
1. 不蒜子简介:
“不蒜子” 是一款极简的网页计数器,可以很方便的统计博客的总访问量和访问次数。
“不蒜子” 与百度统计谷歌分析等有区别:“不蒜子” 可直接将访问次数显示在您在网页上(也可不显示);对于已经上线一段时间的网站,“不蒜子” 允许您初始化首次数据
2. 官网入口
链接: http://busuanzi.ibruce.info/.
3. 使用方法
首先,打开index.html
,在文中合适位置添加以下代码:
<span id="busuanzi_container_site_pv"> 本站总访问量<span id="busuanzi_value_site_pv"></span>次 </span>
两行代码,搞定计数!!!
我直接放在index.html
文件的末尾,效果如下:
这就出现了我的博客访问量为2,是不是非常简单。
同时根据需求也可将此代码加入到post.html的合适位置,这可以实现分页的访问量。
4. 个性化
也可以更加美观,完整一点:
本站总访问量<span id="busuanzi_value_site_pv"></span>次 本站访客数<span id="busuanzi_value_site_uv"></span>人次 本文总阅读量<span id="busuanzi_value_page_pv"></span>次
或者个性化一些(我就用的底下这个):
Total <span id="busuanzi_value_site_pv"></span> views. 您是xxx的第<span id="busuanzi_value_site_uv"></span>个小伙伴 <span id="busuanzi_value_page_pv"></span> Hits
效果如下:
总结
是不是很不错! 如果有帮助请点赞,收藏吧!
欢迎来看我的个人blog:https://dongguanting.github.io/.
到此这篇关于JS一分钟在github+Jekyll的博客中添加访问量功能的实现的文章就介绍到这了,更多相关github+Jekyll添加访问量内容请搜索猪先飞以前的文章或继续浏览下面的相关文章希望大家以后多多支持猪先飞!
相关文章
解决SpringCloud Config结合github无法读取配置的问题
这篇文章主要介绍了解决SpringCloud Config结合github无法读取配置的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-02-25- 这篇文章主要介绍了Pycharm操作Git及GitHub的步骤详解,本文通过图文并茂的形式给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-10-27
JS一分钟在github+Jekyll的博客中添加访问量功能的实现
这篇文章主要介绍了JS一分钟在github+Jekyll的博客中添加访问量功能的实现,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2021-04-04- 这篇文章主要为大家介绍了R语言编程从Github上安装包的过程详解,这样可以解决很多网络问题,有需要的朋友可以借鉴参考下,希望能够有所帮助...2021-11-06
- ,网站改版之前,本站是提前通知了各访问者,而且都是回头客,所以网站改版后大家都是有准备的,还有就是改版本站一直是公益网站,很少有网络广告,纯自然,简单的页面,回访客是相当多...2016-10-10
python实战scrapy操作cookie爬取博客涉及browsercookie
这篇文章主要为大家介绍了python实战scrapy操作cookie爬取博客涉及browsercookie,下面来学习一下 scrapy 操作 Cookie来爬取博客吧...2021-11-13- 网站一般都有访问量统计工具,比较高效实用的工具多种多样,这篇文章主要介绍了javascript精确统计网站访问量实例代码,感兴趣的小伙伴们可以参考一下...2015-12-21
- 这篇文章主要介绍了IDEA 当前在线人数和历史访问量的实例代码,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下...2020-08-07
- 一:博客注册勿用软件 既然单个的博客权重非常低,但是如果是博客群都来优化一个网站的话,那就能够产生相当高权重的传递效果,很容易让一个网站获得更高的排名,也正是如...2016-10-10
- PageKit:企业CMS轻量级建站系统是一个基于模块化、轻量级的CMS建站系统,基于Symfony框架和Razr模板引擎,目前支持Mysql或者Sqlite作为数据库,下面我们来看Pagekit轻博...2016-10-10
- 本文文章通过两段代码实例给大家介绍了基于javascript实现网站访问量统计代码,对js实现网站访问量统计相关知识感兴趣的朋友一起学习吧...2015-12-21
- 这篇文章主要介绍了如何用python写个博客迁移工具,帮助大家更好的理解和学习使用python,感兴趣的朋友可以了解下...2021-03-25
- 在北约悍然轰炸我国驻南大使馆事件发生后,全国上下群情激愤,网上迅速出现一大批以此为主题的小站点或者专辑。有汇集新闻的,有各路分析、评述的,有征集签名的,还有提供攻击...2017-07-06
解决R语言中install_github中无法安装遇到的问题
这篇文章主要介绍了解决R语言中install_github中无法安装遇到的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧...2021-05-06- 这篇文章主要介绍了如何用 Python 制作 GitHub 消息助手,帮助大家更好的理解和学习使用python,感兴趣的朋友可以了解下...2021-02-20
- 获取流量的第一种方法:首先要注册一个账号,原新浪博客账号可以直接登录,还需要一个邀请码,点击傍边的获取邀请码就能获取一个(每天发放1000个邀请码)。 注册成功以后,...2017-07-06
- 1、技巧、教程类文章 帮助用户解决一些技术上的问题,跟读都分享你的技巧经验,比如萧涵的博客跟大家分享一些自己掌握的SEO知识。文章尽量写得浅显易懂,操作一步一步来...2016-10-10
idea2020.1版本git提交项目到github上的方法
这篇文章主要介绍了idea2020.1版本git提交项目到github上的方法,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧...2020-06-30- 这篇文章介绍了ASP.net中网站访问量统计方法代码,有需要的朋友可以参考一下...2021-09-22
- 一个网站没有流量就是一个没用的东东了,下们我们来看看怎么提高网站访问量吧。 随着搜索引擎日益的智能化,而伴随着一批批作弊网站面临着被搜索引擎淘汰的危机...2017-07-06