首先,放链接:
官方链接: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 两下