私人定制 博客地圖 瀏覽次數 以及評論體系

今天分享一個比較好玩的博客系統拓展,非常的適合于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。這一點尤其應該注意咯。
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 230,527評論 6 544
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 99,687評論 3 429
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 178,640評論 0 383
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,957評論 1 318
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 72,682評論 6 413
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 56,011評論 1 329
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 44,009評論 3 449
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 43,183評論 0 290
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 49,714評論 1 336
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 41,435評論 3 359
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 43,665評論 1 374
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 39,148評論 5 365
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,838評論 3 350
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 35,251評論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,588評論 1 295
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 52,379評論 3 400
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 48,627評論 2 380

推薦閱讀更多精彩內容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,765評論 25 708
  • 《中庸》這本書,我是看上它的名聲和書名的高大上才買下它的,中庸之道簡單來說就是不偏不倚,凡事都要取中,但真正能夠做...
    霸氣高冷一米八的張學長閱讀 513評論 0 1
  • 前言:我以我的人格保證,這是一個真實的故事。雖然,我的人格早已所剩無幾。 木青走了,我知道下一個百分百就輪到我了。...
    藍色的蘭路虎閱讀 477評論 0 0
  • 不知道會不會一直用這個軟件,也許我更喜歡寫在紙上,但是想要記錄你我的那份心總是熱情的,不管什么時候,不管在...
    即墨W閱讀 193評論 0 0