今天分享一個比較好玩的博客系統拓展,非常的適合于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 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。這一點尤其應該注意咯。