你有静态博客？我帮你解决阅读量问题

现在有很多地方可以写博客，例如MSDN、博客园、简书、知乎等等，这些动态博客一般都会提供编辑器，发布文章后也会有比较完善的功能（点赞、评论、阅读量等）

还有一种方式就是 ： 静态博客
天生不带以下功能

1. 评论
2. 点赞
3. 阅读量

目前有很多工具可以搭建静态博客，可以使用jekyll , hexo , ghost 等工具进行静态网站的生成，然后挂在github 、私人服务器 等地方

因为静态博客天生不带动态内容的功能，有一些应用特意解决这些问题 【评论】和【点赞】功能在“多说”中已经有提供支持，但是苦于没有找到 【阅读量】 的解决方案，就撸了一个 ，本文就是介绍该工具cinc（读数），目前支持Jekyll和类似的博客工具

喜欢的留个星Star ✨，github地址 : 传送门

这玩意有哪些功能？

1. 单篇文章阅读量插件
   该插件可用于博文列表中，方便查看哪些文章的具体阅读量是多少，也可以用于单博文详情页面中，用于展示和增加阅读量。

2. 网站阅读量汇总插件
   该插件是对所在网站的信息进行一个汇总的插件，目前支持【博文数】【阅读总量】 ，可放置在首页，用于展示一个总体的概括

信息隔离完备吗？

每一个网站嵌入插件，必须绑定一个用户id，用户id绑定指定域名地址，所以，总的来说是比较安全的，一个用户的信息不会被其他用户的数据扰乱，我尝试过 “多说” ，完整复制别人网站的插件到自己网站，可以使用，数据也会共用，这样就显得比较乱。

支持范围

• IE 11
• Edge 14⬆️
• Firefox 50⬆️
• Chrome 49⬆️
• Safari 10⬆️
• Wechat
• UC

如何使用？

1. 单篇文章阅读量插件

<div class="cinc-postPanel" 
 user-id="填写用户id"
 data-key="填写博文的id" 
 data-title="填写博文的标题" 
 data-url="填写博文的url"
 isReadOnly=true>
</div>
<script type="text/javascript" async="" 
src="http://kelresource.oss-cn-shenzhen.aliyuncs.com/postPanel.min.js" 
charset="UTF-8"></script>

把以上代码复制到文章详情或者文章列表的页面中

2. 网站阅读量汇总插件

<div class="cinc-totalPanel" 
 user-id="填写用户id" >
</div>
<script type="text/javascript" async="" 
src="http://kelresource.oss-cn-shenzhen.aliyuncs.com/totalPanel.min.js" 
charset="UTF-8"></script>

把以上代码复制到首页的页面中

如何获取用户id？

该项目需要服务器成本，所以数量有限、目前免费开通，想接入的同学，可以在评论中带上 域名+用户名 进行开通，或者加本人微信：

自助接入方式：
cUrl :

curl -X POST -H "X-AVOSCloud-Application-Id: GfIwMv2BxjSrE7IWjUDDjuLY-gzGzoHsz" -H "X-AVOSCloud-Application-Key: 2Yxh385fxLsI1LqyxwFnJjWa" -H "Content-Type: application/json" -H "Cache-Control: no-cache" -H "Postman-Token: 094fcdcf-9387-6910-8963-42155b592925" -d '{
    "username": "{用户名}",
    "password":"{密码}",
    "domain":"{域名}"
}' "https://leancloud.cn/1.1/functions/signUp"

也可以自己搭建，源码 在github 。

demo :

总结

由于个人项目，目前在前期阶段，很多不完善的地方，望指出

cinc（读数）会不断完善，也会添加其他功能，例如每日阅读量邮件汇报、访客浏览量等等功能，有自己想要的功能？给我反馈吧～