现在有很多地方可以写博客,例如MSDN、博客园、简书、知乎等等,这些动态博客一般都会提供编辑器,发布文章后也会有比较完善的功能(点赞、评论、阅读量等)
还有一种方式就是 : 静态博客
天生不带以下功能
- 评论
- 点赞
- 阅读量
目前有很多工具可以搭建静态博客,可以使用jekyll , hexo , ghost 等工具进行静态网站的生成,然后挂在github 、私人服务器 等地方
因为静态博客天生不带动态内容的功能,有一些应用特意解决这些问题 【评论】和【点赞】功能在“多说”中已经有提供支持,但是苦于没有找到 【阅读量】 的解决方案,就撸了一个 ,本文就是介绍该工具cinc(读数),目前支持Jekyll和类似的博客工具
喜欢的留个星Star ✨,github地址 : 传送门
这玩意有哪些功能?
单篇文章阅读量插件
该插件可用于博文列表中,方便查看哪些文章的具体阅读量是多少,也可以用于单博文详情页面中,用于展示和增加阅读量。网站阅读量汇总插件
该插件是对所在网站的信息进行一个汇总的插件,目前支持【博文数】【阅读总量】 ,可放置在首页,用于展示一个总体的概括
信息隔离完备吗?
每一个网站嵌入插件,必须绑定一个用户id,用户id绑定指定域名地址,所以,总的来说是比较安全的,一个用户的信息不会被其他用户的数据扰乱,我尝试过 “多说” ,完整复制别人网站的插件到自己网站,可以使用,数据也会共用,这样就显得比较乱。
支持范围
- IE 11
- Edge 14⬆️
- Firefox 50⬆️
- Chrome 49⬆️
- Safari 10⬆️
- UC
如何使用?
- 单篇文章阅读量插件
<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>
把以上代码复制到文章详情或者文章列表的页面中
- 网站阅读量汇总插件
<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(读数)会不断完善,也会添加其他功能,例如每日阅读量邮件汇报、访客浏览量等等功能,有自己想要的功能?给我反馈吧~