【我的博客搭建及配置六】評論系統

時間 2020-02-07

標籤我的博客搭建及配置六評論系統简体版

原文原文鏈接

博客使用valine做爲評論工具，緣由是他使用簡介，體積輕量，靈活配置，速度很快！後端

1.註冊LeanCloud

valine接住了LeanCloud的力量，因此須要LeanCloud的APP ID 和 APP Key安全

首先註冊和登陸LeanCloudapp

建立一個應用：ide

應用建立好之後，進入剛剛建立的應用，選擇左下角的設置>應用Key，而後就能看到你的APP ID和APP Key了：工具

代碼

將以下代碼插入你的文章模板中spa

<head>
    ...
    <script src="//cdn1.lncld.net/static/js/3.0.4/av-min.js"></script>
    <script src='//unpkg.com/valine/dist/Valine.min.js'></script>
    ...
</head>
<body>
    ...
    <div id="vcomments"></div>
    <script>
        new Valine({
            el: '#vcomments',
            appId: '<API_ID>',
            appKey: '<API_Key>'
        })
    </script>
</body>

配置好這些，等待兩分鐘，就能夠在文章裏使用你的評論啦。.net

數據管理

因爲Valine 是無後端評論系統，因此也就沒有開發評論數據管理功能。code

能夠在leanCloud中管理評論cdn

登陸>選擇你建立的應用>存儲>選擇Class Comment

安全域名

爲了數據安全，在leanCloud中配置你的安全域名blog

配置項

Valine還有一些其餘的配置項

new Valine({
    el: '#vcomments' ,
    appId: '<APP_ID>',
    appKey: '<APP_KEY>',
    notify:false, 
    verify:false, 
    avatar:'mm', 
    placeholder: 'just go go' 
});

placeholder
類型:String
默認值:Just go go
必要性:false
評論框佔位提示符。

notify
類型:Boolean
默認值:false
必要性:false
評論回覆郵件提醒，請參考配置。

verify
類型:Boolean
默認值:false
必要性:false
驗證碼服務。

path
類型:String
默認值:window.location.pathname
必要性:false
當前文章頁路徑，用於區分不一樣的文章頁，以保證正確讀取該文章頁下的評論列表。
可選值：

window.location.pathname (默認值，推薦)
window.location.href
自定義
I. 請保證每一個文章頁路徑的惟一性，不然可能會出現不一樣文章頁下加載相同評論列表的狀況。
II. 若是值爲window.location.href，可能會出現隨便加不一樣參數進入該頁面，而被判斷成新頁面的狀況。
avatar
類型:String
默認值:mm
必要性:false
Gravatar 頭像展現方式。

可選值：

''(空字符串)
mp
identicon
monsterid
wavatar
retro
robohash
hide
更多信息，請查看頭像配置。

meta
類型:Array
默認值:['nick','mail','link']
必要性:false
評論者相關屬性。

pageSize
類型:Number
默認值:10
必要性:false
評論列表分頁，每頁條數。

lang
類型:String
默認值:zh-cn
必要性:false
多語言支持。

可選值：

zh-cn
en
如需自定義語言，請參考i18n。

visitor
類型:Boolean
默認值:false
必要性:false
文章訪問量統計。

highlight
類型：Boolean
默認值: true
必要性: false
代碼高亮，默認開啓，若不須要，請手動關閉

avatarForce
類型: Boolean
默認值: false
必要性: false

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。