私人定制 博客地图 浏览次数 以及评论体系
来源:互联网 发布:短信验证码平台源码 编辑:程序博客网 时间:2024/05/17 03:16
今天分享一个比较好玩的博客系统拓展,非常的适合于Django等由模板语言开发的博客系统。那就是添加一些好玩的元素。比如访问人所在国家,博客的浏览总次数以及添加博客评论系统等等。
准备工作
- flagcounter.com : 这是一个可以定制地图实现的网站,添加很少的代码就可以实现。
- jiathis.com: 优秀文章分享系统。
- 友言评论系统:这个是国内比较推荐的评论系统,加上评论功能真的很简单。
浏览次数实现
到刚才的flagcounter.com上去定制你自己设计的样式,然后复制箭头指向的代码,添加到我们的html模板上即可。
实现的效果如下:
从实现效果图上我们就可以看出有多少个访问量了。而且还可以得知哪个地区有多少个浏览量。很神奇吧。
分享系统
分享系统的实现也很简单,到jiathis.com上去下载相关的代码,添加到我们的html模板即可。
下面是一个小例子。
<!-- JiaThis Button BEGIN --><div class="jiathis_style_32x32"> <a class="jiathis_button_qzone"></a> <a class="jiathis_button_tsina"></a> <a class="jiathis_button_tqq"></a> <a class="jiathis_button_weixin"></a> <a class="jiathis_button_renren"></a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a> <a class="jiathis_counter_style"></a></div><br><script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8"></script><!-- JiaThis Button END -->
实现的效果就是这样的了。
评论系统
评论系统作为博客的非常重要的一部分而存在,让我们能和博客的作者进一步的进行交流,这样的功能真的是必不可少啊。同样,要想给自己的博客系统加上评论功能,同样不是什么难事。国内比较流行的有多说评论系统以及友言评论系统,这里我选择的是友言。
第一种方式
首先到友言的官网上去下载一份代码,添加到我们的html模板中,这真的很简单。
但是有一个缺点,那就是很有可能不成功。
第二种方式
如果第一种方式不成功,不妨试试下面的这种方式。那就是定制一下自己的评论系统。
<script type="text/javascript">var uyan_config = { 'title':'自定义网页标题 #微博话题#', 'url':'自定义网页链接', 'pic':'自定义图片链接地址,设置为空值则不分享图片', 'vid':'自定义视频链接地址', 'du':'自定义指定域名', 'su':'自定义网页标识' };</script>
实现的效果如下图:
问题汇总
首先可能你添加的博客站点没有办法显示flag,这个时候不妨检查一下,代码是否符合规范,一般来说就可以解决问题了。
然后是分享系统。同样,符合html规范的代码才有可能正常显示。所···
最后是评论系统,最容易出现的就是点击完评论发布按钮的时候出现“参数错误,发布失败”字样。因为我们需要使用
http://127.0.0.1:8080/test/comment.html
.而不是localhost
的url。这一点尤其应该注意咯。
- 私人定制 博客地图 浏览次数 以及评论体系
- 博客实现浏览量统计次数
- 私人定制 观感
- 私人定制注释
- 2014上半年私人定制
- 私人定制--家庭理财软件
- 私人定制推送铃声
- unity3d控制台 私人定制
- 私人定制:linux系统
- LaTex:私人定制
- 私人定制的联系人app
- 爱在空中,私人定制
- 搭建自己私人博客
- Qt 简介--Qt 类简介专题(一)时间: 2010-11-18 / 浏览次数: 114 views / 2个评论 发表评论Qt 简介
- 更新文章浏览次数
- 三层,记录浏览次数。
- 查看浏览次数
- 文章浏览增加次数
- 使用 Native API 创建进程
- OC 中数组和指针
- 进程和线程区别
- linux - 理解inode
- Android自定义View——仿ViVO X6 极速闪充动画效果
- 私人定制 博客地图 浏览次数 以及评论体系
- 【HDU】5452 Minimum Cut(2015 ACM/ICPC Shenyang Online)
- Notes On FractalNet
- android fill_parent和match_parent 的区别
- 关于epoll和select的区别,哪些说法是正确的?----腾讯2016研发工程师在线模拟笔试题
- BZOJ 2286: [Sdoi2011]消耗战
- poj 3984 迷宫问题 bfs
- Xml解析
- 泛型接口的实现方式二:直接在接口中指定具体类型