建站
咨詢
售后
建站咨詢
新聞中心
給大家介紹一個(gè)博客評(píng)論神器，Valine。
三沙網(wǎng)站制作公司哪家好，找創(chuàng)新互聯(lián)建站！從網(wǎng)頁(yè)設(shè)計(jì)、網(wǎng)站建設(shè)、微信開發(fā)、APP開發(fā)、成都響應(yīng)式網(wǎng)站建設(shè)公司等網(wǎng)站項(xiàng)目制作，到程序開發(fā)，運(yùn)營(yíng)維護(hù)。創(chuàng)新互聯(lián)建站成立與2013年到現(xiàn)在10年的時(shí)間，我們擁有了豐富的建站經(jīng)驗(yàn)和運(yùn)維經(jīng)驗(yàn)，來(lái)保證我們的工作的順利進(jìn)行。專注于網(wǎng)站建設(shè)就選創(chuàng)新互聯(lián)建站。
本來(lái)hexo博客用的是gitment，我也非常喜歡。無(wú)奈我用著bug略多，而且畢竟有g(shù)ithub賬戶的小伙伴似乎并不多。于是我就忍痛準(zhǔn)備換評(píng)論系統(tǒng)。然后在最近剛剛加入的hexo博客群里，看見了一個(gè)神器。也就是本篇主人公——Valine.js。
具體配置就見如下的文章吧。它的定義—— 一款極簡(jiǎn)的無(wú)后端評(píng)論系統(tǒng)。
在多說和網(wǎng)易云跟帖相繼倒閉的情況下，這個(gè)簡(jiǎn)直是救人一命勝造七級(jí)浮屠呀。
Valine -- 一款極簡(jiǎn)的評(píng)論系統(tǒng)
Valine官網(wǎng)
這個(gè)評(píng)論系統(tǒng)是基于LeanCloud的，大家應(yīng)該對(duì)這個(gè)很熟悉，對(duì)，Hexo的博客閱讀量統(tǒng)計(jì)也是它。官網(wǎng)網(wǎng)址如下，需要注冊(cè)一個(gè)賬戶。
Leancloud配置
首先訪問Leancloud官網(wǎng)https://leancloud.cn/
有Github賬號(hào)的小伙伴可以用Github賬號(hào)進(jìn)行登陸然后綁定郵箱就可以啦！
進(jìn)入之后點(diǎn)擊創(chuàng)建應(yīng)用
Valine配置
.jpg)
將下載好的 Valine.min.js 放置于 next\source\js\src\ 下
接著，打開valine配置文件進(jìn)行配置
valine配置文件路徑：next\layout_third-party\comments\valine.swig
{% if theme.valine.enable and theme.valine.appid and theme.valine.appkey %}
//刪除Valine核心代碼庫(kù)外鏈調(diào)用
//調(diào)用剛下載的本地文件以加速加載速度
{% set valine_uri = '/js/src/Valine.min.js' %} //這里改為從本地加載
{% if theme.vendors.valine %}
{% set valine_uri = theme.vendors.valine %}
{% endif %}
{% endif %}然后我們?nèi)ブ黝}配置文件中進(jìn)行修改
主題配置文件路徑：next_config.yml
找到以下參數(shù)進(jìn)行修改
valine:
enable: true //打開valine評(píng)論功能
appid: 你的leancloud appid
appkey: 你的leancloud appkey
notify: false //郵件提醒
verify: true //評(píng)論時(shí)是否有驗(yàn)證碼，需要在Leancloud 設(shè)置->安全中心 中打開
placeholder: 說點(diǎn)什么吧！ //評(píng)論框默認(rèn)顯示
avatar: hide //評(píng)論者的頭像,我這里設(shè)置的不顯示
guest_info: nick # custom comment header
pageSize: 10 # pagination size我的配置文件
由于Icarus主題的配置文件結(jié)構(gòu)和next不太一樣，所以我們這邊的配置文件也有點(diǎn)不一樣，首先修改_config.xml文件
然后在valine.ejs中加入以下代碼
如果你使用的next主題，可以這樣修改配置文件
PS：評(píng)論者頭像可以進(jìn)行如下設(shè)置
到此，一個(gè)極簡(jiǎn)評(píng)論系統(tǒng)就完成啦！
效果預(yù)覽
https://how2playlife.com/
隨便找一篇文章，拉到最下面，就是這個(gè)效果啦
分享標(biāo)題：搭建自己的技術(shù)博客系列（三）讓你的博客擁有評(píng)論功能！
分享路徑：http://fisionsoft.com.cn/article/jsocjj.html
