vuepress中使用評(píng)論插件Valine

第一步：

請(qǐng)先登錄或注冊(cè)?LeanCloud, 進(jìn)入控制臺(tái)后點(diǎn)擊左下角創(chuàng)建應(yīng)用：


應(yīng)用創(chuàng)建好以后，進(jìn)入剛剛創(chuàng)建的應(yīng)用，選擇左下角的設(shè)置>應(yīng)用Key，然后就能看到你的APP ID和APP Key了


第二部：

第一種（推薦單頁(yè)面引用）

首先在.vuepress/theme/components文件夾下新建一個(gè)Valine.vue組件

安裝：npm install --save valine? 或??yarn add?valine

html片段



js片段（引用）


此種引用方法開發(fā)階段可行，打包會(huì)報(bào)錯(cuò)


按照vuepress的引用方式打包則不會(huì)報(bào)錯(cuò)


js片段（使用）


將Valine.vue 組件引用到想要的地方即可

第二種（推薦多頁(yè)面引用）

安裝：npm install --save vuepress-plugin-comment 或??yarn add vuepress-plugin-comment -D

在.vuepress/config.js 文件中引入插件


appId與appkey填寫自己申請(qǐng)的即可


引用完畢后在md文件底部加上<Valine></Valine>即可


獲取更即食餐具可參看https://valine.js.org/quickstart.html




END

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡(jiǎn)書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容