# 确保脚本抛出遇到的错误 set -e # 生成静态文件 npm run docs:build # 进入生成的文件夹 cd docs/.vuepress/dist # 如果是发布到自定义域名 # echo 'www.example.com' > CNAME git init git add -A git commit -m 'deploy' # 如果发布到 https://<USERNAME>.github.io #git push -f git@github...
VuePress 的 dev 和 build 两个流程前面部分都会先执行 实例创建createApp 和 解析处理process 两个环节,但是 dev 和 build 后半部分就不太一样了. 首先他们通过不同的条件判断获得不同的 Webpack 配置,然后: dev 基于 webpack-dev-server 创建本地调试服务器 build 通过 webpack 读取 Client、Server两份配置...
VuePress中有两个命令,vuepress dev docs命令运行本地服务,通过访问http://localhost:8080即可预览网站,vuepress build docs命令用来生成静态文件,默认情况下,放置在docs/.vuepress/dist目录中,当然你也可以在docs/.vuepress/config.js中的dest字段来修改默认存放目录。在这里将两个命令封装成脚本的方式,直接使用npm run...
"scripts":{"dev":"vuepress dev docs","build":"vuepress build docs"} 4. 创建基本项目结构 官方只有推荐目录结构,并没有现成的cli,所以需要通过命令行或手动创建如下结构: 代码语言:javascript 复制 vuepress-demo ├─package.json ├─docs|├─README.md|├─.vuepress||├─config.js||├─public|||...
dest 指定vuepress build的输出目录 3.4、默认主题配置(得到一个vue 1:1官方网站) 开启默认主题:根级README.md内添加 home: true即可开启。 开启默认主题 开启默认主题效果 接下来根据官网提示,将其他内容进行填充修改,相当于丰富自己的首页了。 首页内部补充 ...
注意:vuepress dev .和vuepress build .后面的.。 在现有项目中安装 #将 vuepress 作为一个本地依赖安装yarnadd-D vuepress 或者:npm install -D vuepress# 新建一个 docs 文件夹mkdir docs# 新建一个 markdown 文件echo'# Hello VuePress!'> docs/README.md# 开始写作npx vuepress dev docs ...
"docs:build": "vuepress build docs" } } 1. 2. 3. 4. 5. 6. 6、在本地启动服务器 yarn docs:dev # npm run docs:dev 1. VuePress 会在 http://localhost:8080 (opens new window)启动一个热重载的开发服务器。 访问效果如下: 目录结构 ...
目前服务启动的只是本地服务,vuepress还可以把文档生成静态html文件项目,部署到服务器或第三方托管网站上。 生成最终静态文件命令: vuepress build . 该命令执行完毕后会在.vuepress文件夹下生成dist目录: 该目录里面的文件就是生成的最终静态HTML文件,可把该目录复制到服务器或第三方托管网站部署成自己的文档网站。
"build": "vuepress build docs" }, 加temp是为了解决vuepress 不会热刷新的问题 1.3 创建目录 docs目录下创建: .vuepress components文件夹 和vue项目的component类似,用来放自定义组件 styles 文件夹 index.styl 文件 css样式放在这里,不要改文件名字,后缀名也不可改 ...
{"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)启动一个热重载的开发服务器。 目录结构 以下是我个人博客目前的目录结构,主题为默认主题,类似 Vue 以及 ...