<li id="gmsgq"></li><bdo id="gmsgq"><source id="gmsgq"></source></bdo>

<strike id="gmsgq"></strike>

點擊下載
本文文檔

當前位置：首頁 - 科技 - 知識百科 - 正文

Vuepress 搭建帶評論功能的靜態博客的實現

來源：懂視網責編：小采時間：2020-11-27 22:00:49

Vuepress 搭建帶評論功能的靜態博客的實現

Vuepress 搭建帶評論功能的靜態博客的實現:vuepress 是 Vue 驅動的靜態站點生成工具本文僅介紹，搭建靜態博客的過程，具體教程及文檔請點擊進入 vuepress中文網點擊查看項目代碼 vuepress初始化下面初始化 # 將 github 新創建的倉庫克隆到本地 git clone git@github.c

推薦度：

點擊下載本文 文檔為doc格式

導讀Vuepress 搭建帶評論功能的靜態博客的實現:vuepress 是 Vue 驅動的靜態站點生成工具本文僅介紹，搭建靜態博客的過程，具體教程及文檔請點擊進入 vuepress中文網點擊查看項目代碼 vuepress初始化下面初始化 # 將 github 新創建的倉庫克隆到本地 git clone git@github.c

點擊進入 Valine官網，需要先注冊才能食用

安裝 Valine

# Install leancloud's js-sdk
npm install leancloud-storage --save

# Install valine
npm install valine --save

注冊 vuepress 全局組件

創建 .vuepress/components/Valine.vue

<template>
 <div id="vcomments"></div>
</template>

<script>
export default {
 name: 'Valine',
 mounted: function(){
 // require window 
 const Valine = require('valine');
 if (typeof window !== 'undefined') {
 this.window = window
 window.AV = require('leancloud-storage')
 
 }
 
 new Valine({
 el: '#vcomments' ,
 appId: '',// your appId
 appKey: '', // your appKey
 notify:false, 
 verify:false, 
 avatar:'mm', 
 placeholder: 'just go go' 
 });
 },
}
</script>

使用 Valine

只需要在 markdown 中調用即可