私人定制 博客地图 浏览次数 以及评论体系

简介: 今天分享一个比较好玩的博客系统拓展,非常的适合于Django等由模板语言开发的博客系统。那就是添加一些好玩的元素。比如访问人所在国家,博客的浏览总次数以及添加博客评论系统等等。准备工作flagcounter.com : 这是一个可以定制地图实现的网站,添加很少的代码就可以实现。

今天分享一个比较好玩的博客系统拓展,非常的适合于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。这一点尤其应该注意咯。

目录
相关文章
|
9月前
|
移动开发 小程序 JavaScript
微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)
微信小程序学习实录6(百度经纬度采集、手动调整精度、H5嵌入小程序、百度地图jsAPI、实时定位、H5更新自动刷新)
133 1
|
6月前
织梦dedecms会员发布文章内容自动过滤外部链接的方法
织梦会员中心发布文章自动过滤外部外部链接,保留本站站内链接。这个织梦默认后台本身带有这样的功能的,只是会员模块里没有而已。
|
8月前
|
人工智能 小程序 搜索推荐
找到刀郎《罗刹海市》--微信小程序调用地图--【小程序花园】
找到刀郎《罗刹海市》--微信小程序调用地图--【小程序花园】 这是我的CSDN 的文章 转过来,可能有些许错误。请留言
|
数据采集 NoSQL Java
【最佳实践】页面浏览量统计的绝佳实现
【最佳实践】页面浏览量统计的绝佳实现
815 0
【最佳实践】页面浏览量统计的绝佳实现
|
开发者
记一次微信分享功能调整带来的问题。分享功能分享出来链接
做微信公众号开发的时候,有时候因为业务需要,地址需要给到其他人,让他们放到公众号里。最常用的功能就是微信分享,分享出一个 卡片,看起来也很美观。但是一直好使的业务,在没有代码更改的前提下,忽然不好用了。分享出来的只能是一个url地址。这让我百思不得其解。对自己的代码还是很有信心的(手动狗头)!!!
147 0
记一次微信分享功能调整带来的问题。分享功能分享出来链接
|
机器学习/深度学习 JSON 数据可视化
实战|教你爬取全国火锅店数量,并利用地图可视化展示
大家好,我是阿辰,今天教大家如何获取全国不同城市火锅店数量情况,并将这些数据进行可视化展示,以更加直观的方式去浏览全国不同省份、不同城市的火锅店分布情况。 本文数据来自于某度地图,通过python技术知识去获取数据并进行可视化。
299 0
|
搜索推荐
【博客美化】02.公告栏显示个性化时间
【博客美化】02.公告栏显示个性化时间
109 0
【博客美化】02.公告栏显示个性化时间
|
存储 编解码 算法
1985-2020年全球30米地表覆盖精细分类产品V1.0免费下载,内附链接
1985-2020年全球30米地表覆盖精细分类产品V1.0免费下载,内附链接
653 0
1985-2020年全球30米地表覆盖精细分类产品V1.0免费下载,内附链接
怎么判断网站友情链接的价值?
我们从事排名优化,交换友谊链接是不可避免的。如果能和高权重的网站交换友谊链,肯定会给自己的网站增加信赖度和权重,带来流量。那么今天讲下seo入门教程的内容,如何通过seo数据分析判断友链价值。
怎么判断网站友情链接的价值?
|
JavaScript 前端开发 Android开发
快速实现以深度链接为基础的闭环分享功能
什么是闭环分享 现在,市场上主流app都具有分享功能。但是绝大部分app的分享功能仅仅局限于分享出去,而且在微信限制了开发者获取分享结果状态后,通过分享功能进行app或者业务推广的方式受到很大的限制。
1295 0