今天分享一個(gè)比較好玩的博客系統(tǒng)拓展瞒瘸，非常的適合于Django等由模板語(yǔ)言開(kāi)發(fā)的博客系統(tǒng)坷备。那就是添加一些好玩的元素。比如訪問(wèn)人所在國(guó)家情臭，博客的瀏覽總次數(shù)以及添加博客評(píng)論系統(tǒng)等等击你。
準(zhǔn)備工作
- flagcounter.com ： 這是一個(gè)可以定制地圖實(shí)現(xiàn)的網(wǎng)站，添加很少的代碼就可以實(shí)現(xiàn)谎柄。
- jiathis.com： 優(yōu)秀文章分享系統(tǒng)丁侄。
- 友言評(píng)論系統(tǒng)：這個(gè)是國(guó)內(nèi)比較推薦的評(píng)論系統(tǒng)，加上評(píng)論功能真的很簡(jiǎn)單朝巫。
瀏覽次數(shù)實(shí)現(xiàn)
到剛才的flagcounter.com上去定制你自己設(shè)計(jì)的樣式鸿摇，然后復(fù)制箭頭指向的代碼，添加到我們的html模板上即可劈猿。
實(shí)現(xiàn)的效果如下：
從實(shí)現(xiàn)效果圖上我們就可以看出有多少個(gè)訪問(wèn)量了拙吉。而且還可以得知哪個(gè)地區(qū)有多少個(gè)瀏覽量。很神奇吧揪荣。
分享系統(tǒng)
分享系統(tǒng)的實(shí)現(xiàn)也很簡(jiǎn)單筷黔，到j(luò)iathis.com上去下載相關(guān)的代碼，添加到我們的html模板即可仗颈。
下面是一個(gè)小例子佛舱。
<!-- 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 -->
實(shí)現(xiàn)的效果就是這樣的了。
評(píng)論系統(tǒng)
評(píng)論系統(tǒng)作為博客的非常重要的一部分而存在挨决，讓我們能和博客的作者進(jìn)一步的進(jìn)行交流请祖，這樣的功能真的是必不可少啊。同樣脖祈，要想給自己的博客系統(tǒng)加上評(píng)論功能肆捕，同樣不是什么難事。國(guó)內(nèi)比較流行的有多說(shuō)評(píng)論系統(tǒng)以及友言評(píng)論系統(tǒng)盖高，這里我選擇的是友言慎陵。
第一種方式
首先到友言的官網(wǎng)上去下載一份代碼，添加到我們的html模板中喻奥，這真的很簡(jiǎn)單席纽。
但是有一個(gè)缺點(diǎn)，那就是很有可能不成功映凳。
第二種方式
如果第一種方式不成功胆筒，不妨試試下面的這種方式。那就是定制一下自己的評(píng)論系統(tǒng)。
<script type="text/javascript">
var uyan_config = {
'title':'自定義網(wǎng)頁(yè)標(biāo)題 #微博話題#',
'url':'自定義網(wǎng)頁(yè)鏈接',
'pic':'自定義圖片鏈接地址仆救，設(shè)置為空值則不分享圖片',
'vid':'自定義視頻鏈接地址',
'du':'自定義指定域名',
'su':'自定義網(wǎng)頁(yè)標(biāo)識(shí)'
};
</script>
實(shí)現(xiàn)的效果如下圖：
問(wèn)題匯總
首先可能你添加的博客站點(diǎn)沒(méi)有辦法顯示flag抒和，這個(gè)時(shí)候不妨檢查一下，代碼是否符合規(guī)范彤蔽，一般來(lái)說(shuō)就可以解決問(wèn)題了摧莽。
然后是分享系統(tǒng)。同樣顿痪，符合html規(guī)范的代碼才有可能正常顯示镊辕。所···
- 最后是評(píng)論系統(tǒng)，最容易出現(xiàn)的就是點(diǎn)擊完評(píng)論發(fā)布按鈕的時(shí)候出現(xiàn)“參數(shù)錯(cuò)誤蚁袭，發(fā)布失敗”字樣。因?yàn)槲覀冃枰褂?code>http://127.0.0.1:8080/test/comment.html.而不是
localhost的url揩悄。這一點(diǎn)尤其應(yīng)該注意咯。
