Vuepress使用Valine搭建带有评论系统的博客

waltr 发布于2019-08-23 11:29 / 3405人阅读

摘要：下面请食用我的开发方法。选择一个第三方评论系统来必立前两者都是有厚实的长城，所以我建议各位就别想了，虽然有搭建过的。如果有想了解的请看集成第三方评论模块。

Vuepress网站

vuepress

开始搭建vuepress-blog

# 安装
yarn global add vuepress # 或者：npm install -g vuepress

# 新建一个 markdown 文件
echo "# Hello VuePress!" > README.md

# 开始写作
vuepress dev .

# 构建静态文件
vuepress build .

接着，在 package.json 里加一些脚本:

{
  "scripts": {
    "docs:dev": "vuepress dev docs",
    "docs:build": "vuepress build docs"
  }
}

yarn docs:dev # 或者：npm run docs:dev

当然这对于大多数人来说都是很简单的问题，自vuepress公开以后，有太多筒子想要vuepress添加评论系统，可是目测大佬们并没有这个想法，不过对于vue.js生态环境而言，给我们很多自己动手的可能。下面请食用我的开发方法。

选择一个第三方评论系统

gitment

来必立

Valine

前两者都是有厚实的长城，所以我建议各位就别想了，虽然有搭建过的blog。如果有想了解的请看VuePress 集成第三方评论模块。

我选择了Valine，请大家看。

看到上面是不是觉得挺好看...接下来开发

Valine食用方法

Valine.js食用方法

开发代码 comments.vue

page.vue配置

加入以上代码即可完成真个评论系统，然后 yarn dev即可看到效果！

我的开源项目地址

vuepress-blog 欢迎star！mmm

我的blog

关注我的微信公众账号,分享更多~

云服务器 GPU云服务器 wordpress搭建博客系统阿里云服务器windows系统搭建博客搭建自己的博客网站评论系统

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/97031.html

用vuepress搭建一个够自己用的博客(带评论功能)

摘要：那么我们如何在博客中实现这个功能呢，其实很简单，首先修改我们的文件介绍正在使用的构造函数附加到根实例的一些选项当前应用的路由实例站点元数据对的判断是防止编译的时候报错然后新建一个的文件取消默认的复制事件作者静水深流原文著作权归作者所有。原文博客闲扯很久以前，自己拥有一个用hexo搭建的静态博客网站，记得当时为了把它搞出来，废了不少劲，然后后来又断断续续更改过一些配置和样式，但是因...

thekingisalwaysluc 2019-08-26 13:55 评论0 收藏0
用vuepress搭建一个够自己用的博客

原文博客闲扯很久以前，自己拥有一个用hexo搭建的静态博客网站:ox:，记得当时为了把它搞出来，废了不少劲:anger:，然后后来又断断续续更改过一些配置和样式，但是因为感觉各种麻烦，所以就放在github上积累和很多的尘土:cupid:，到现在也懒得在打扫了（其实是好久不用，有点忘了怎么用了:-1::poop:），前段时间在百度统计上看了看那个静态网站的访问人数，发现已经很久很久没人访问过了...

Forelax 2019-05-27 17:43 评论0 收藏0
Ghost配置3——添加评论系统

摘要：目前知名的第三方系统大概有畅言搜狐出品，目前国内用户量第一来比力另一家国产第三方评论系统推荐使用的评论系统，经常被墙根据网络上的反馈，第一想法是使用畅言。毕竟是搜狐出品，品质和功能都是可以保证的。用上Ghost发表第一篇文章以后，突然意识到一个问题，这货没有评论系统？看了下官网的说明，他们把主要精力都放在了博客系统的基础功能上，对于周边功能可以通过引入第三方功能来实现。例如代码的高...

魏宪会 2019-08-23 12:28 评论0 收藏0
个人博客全新UI：我心中你最美

摘要：那个月就是对着和的文档写出来了网站的前后端，也是第一次买服务器备案网站做反向代理读文档学做，怀念那些时光，让现在的网站有了基础。因此，管理系统听歌台被抽离成了单独的应用，后台利用做反向代理，用二级域名记性访问。不知道你是否也有想过完全用自己的代码实现自己的个人博客？定制专属 UI、定制专属逻辑、在信息爆炸的时代真正地沉淀下属于自己的东西。我也曾经历了同样的纠结，最终下定决心做了自己的...

oliverhuang 2019-08-23 11:52 评论0 收藏0