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

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

目录
相关文章
|
2月前
|
前端开发
【前端web入门第五天】03 清除默认样式与外边距问题【附综合案例产品卡片与新闻列表】
本文档详细介绍了CSS中清除默认样式的方法,包括清除内外边距、列表项目符号等;探讨了外边距的合并与塌陷问题及其解决策略;讲解了行内元素垂直边距的处理技巧;并介绍了圆角与盒子阴影效果的实现方法。最后通过产品卡片和新闻列表两个综合案例,展示了所学知识的实际应用。
61 11
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
图库,设计类软件,App视频截图软件,外加设计图库,在你截取视频就能够实现图片收录,通过设计类网站后台控制系统,可以提前设置好,统计的分类内容,定义好分类,自动收录图片,再将截图汇总整理展示
|
4月前
|
小程序
【奇葩问题】微信小程序 We分析 访问来源Top10的总比例为什么不止100%
【奇葩问题】微信小程序 We分析 访问来源Top10的总比例为什么不止100%
52 3
|
小程序 前端开发 JavaScript
小程序的列表页-商品或新闻展示--【浅入深出系列007】
小程序的列表页-商品或新闻展示--【浅入深出系列007】
|
存储 小程序 算法
【易售小程序项目】小程序首页完善(滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡)【后端基于若依管理系统开发】
【易售小程序项目】小程序首页完善(滑到底部数据翻页、回到顶端、基于回溯算法的两列数据高宽比平衡)【后端基于若依管理系统开发】
98 0
|
小程序
小程序酷炫动态登录页源码(动态水滴)
小程序酷炫动态登录页源码(动态水滴)
267 0
|
数据采集 NoSQL Java
【最佳实践】页面浏览量统计的绝佳实现
【最佳实践】页面浏览量统计的绝佳实现
1111 0
【最佳实践】页面浏览量统计的绝佳实现
|
监控 开发者
网站流量日志分析背景介绍— 如何进行网站分析--内容导航分析|学习笔记
快速学习网站流量日志分析背景介绍—如何进行网站分析--内容导航分析
117 0
网站流量日志分析背景介绍— 如何进行网站分析--内容导航分析|学习笔记
|
传感器 网络协议 物联网
5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量|学习笔记
快速学习5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量。
315 0
5_1_1_首页信息展示屏_整体介绍_技术点及获取电池电量|学习笔记
|
前端开发
前端工作总结130-首页样式调整第二次
前端工作总结130-首页样式调整第二次
82 0
下一篇
无影云桌面