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/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 中调用即可

<Valine></Valine>

Vuepress 搭建带评论功能的静态博客的实现

推荐度：

点击下载本文 文档为doc格式

标签：评论 VUE 实现

热门焦点

Vuepress 搭建带评论功能的静态博客的实现

Vuepress 搭建带评论功能的静态博客的实现

Vuepress 搭建带评论功能的静态博客的实现

最新推荐

猜你喜欢

热门推荐