记录vuepress

官网链接https://www.vuepress.cn/,这里我只是把我的过程记录下来
- 搭建
推荐使用的是yarn,我本来不用yarn,所以从头开始
官网强调node版本要>=8,我使用的是6,于是又下了nvm,管理切换node版本

curl -curl -o- httpo- https://raw.githubusercontent.s://raw. com/creationix/nvm/v0.32.1/install.sh | bash  -g //-g是我自己瞎搞之后在文件夹里提示nvm不是命令才又这样重新执行了一次,github上没有-g的


安装yarn的介绍在这里https://yarn.bootcss.com/docs/install/#mac-stable
安装yarn前要安装Homebrew https://brew.sh/

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
yarn global add vuepress  //全局安装
//建好你的目录之后,进入文件夹,执行下一条命令
echo '# Hello VuePress' > README.md //创建第一个页面
//随意输入内容,执行下一条命令运行
vuepress dev

自己建页面看起来有点简单,而且我的图片路径怎么找不到总是404,就从github上找到了vuepress官网的代码看

git clone https://github.com/vuejs/vuepress.git

不过我的报错了诶,大概是说,vuepress-theme-vue这个下面没有layout.vue,我在文件目录里没有找到这个文件夹诶,所以我去github上搜,是一个依赖包,
这里写图片描述
没有搜到办法,还是安装了一下,这样vuepress官网就在本地运行起来啦

yarn add vuepress-theme-vue

在自己建页面写的时候,在readme.md使用了YAML front matter看到的效果更方便,就是这里的图片路径我搞不懂
这里写图片描述
- 【小问题】按照官网上配置好了,使用vuepress dev运行报404,后来用yarn docs:dev运行就可以啦,发现自己少写了文件目录名
这里写图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值