乐趣区

关于前端:vuepress-文档项目部署在GitHub上遇到问题

vuepress 疾速创立本人文档

官网文档:https://vuepress.vuejs.org/zh…

开始

1、创立并进入一个新目录

mkdir vuepress-starter && cd vuepress-starter

2、应用你喜爱的包管理器进行初始化
有时候 yarn init 失败,就有 npm init

yarn init # npm init

3、将 VuePress 装置为本地依赖

yarn add -D vuepress # npm install -D vuepress

4、创立你的第一篇文档

mkdir docs && echo '# Hello VuePress' > docs/README.md

第四点命令次要在根目录 (vuepress-starter) 下创立 docs 文件夹,在 docs 上面创立 README.md

5、在 package.json 中增加一些 scripts

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

6、在本地启动服务器

yarn docs:dev # npm run docs:dev

VuePress 会在 http://localhost:8080 (opens new window)启动一个热重载的开发服务器。

7. 关上 http://localhost:8080/,看到上面图,根本实现了,本地开发根本实现了

8. 怎么部署在 github 动态服务上,能够常考上面【参考】文章

9. 在 vscode 中间接运行 bash deploy.sh 会报错,所以在 git bash 中执行

参考:

  https://chasellhl.github.io/myBlog/web/vue/vuePress_deploy_2.html# 小坑 2(局部人会踩)https://www.cnblogs.com/LHLVS/p/11376732.html
  
  windows: 没有 bash , 请在 git bash 
退出移动版