VuePress搭建私人博客

首先,放链接:

官方链接:https://v2.vuepress.vuejs.org/zh/

整理不错的博客介绍:https://wangtunan.github.io/blog/vuepress/

reco第三方包:https://vuepress-theme-reco.recoluan.com/views/1.x/

效果图不放了,还没上线呢只是个demo。

首先,需要把vue环境搭好。

下载nodejs,官方:https://nodejs.org/en/

不要装系统盘,下载好后会自动下载npm,配置下环境变量。

也可以顺带把yarn安装一下。

全局装一下:npm install -g vuepress

可以装一下reco:npm install vuepress-theme-reco --save-dev

之后就一步一步来吧。。。

这里有两个点要注意:

1.要新建一个文件夹,cd过去之后操作会比较好。

2..vuepress文件夹右键可能建不了,用命令行mkdir .vuepress。

reco是个很好的第三方,推荐。

安装的时候写vuepress-theme-reco,使用的时候写reco,上述文档都有。

启动:

cd到你的博客文件夹,npm run docs:dev

当然yarn也可以哈,我不是纯前端所以用npm方便。上述教程都有。

 然后你就可以访问了:

(这只是个Demo哈。。。)

cmd的退出:Ctrl + C 两下

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值