使用绝对路径引入的图片,在打包后,不会被打包进js文件,而是仍然以文件的形式存放在static文件夹中如果更改文件名或删除文件将不能访问。 因此,建议大家用assets文件夹存放相对路径引入的资源,用static文件夹存放绝对路径引入的资源 另外,使用相对路径引入的资源由于在打包过程中被写入了js文件中,无法调整,所以对于不会经...
"build": "vuepress build docs" }, 1. 2. 3. 4. 这时候npm run dev打开浏览器就可以看到这样的页面: 二,导航栏配置 导航栏可能包含你的页面标题、搜索框、 导航栏链接、多语言切换、仓库链接,它们均取决于你的配置 config.js中新增themeConfig属性: module.exports ={ //这里面路径最开始的/是指向.vuep...
vuepress build . 该命令执行完毕后会在.vuepress文件夹下生成dist目录: 该目录里面的文件就是生成的最终静态HTML文件,可把该目录复制到服务器或第三方托管网站部署成自己的文档网站。
"scripts":{"dev":"vuepress dev docs","build":"vuepress build docs"} 4. 创建基本项目结构 官方只有推荐目录结构,并没有现成的cli,所以需要通过命令行或手动创建如下结构: 代码语言:javascript 复制 vuepress-demo ├─package.json ├─docs|├─README.md|├─.vuepress||├─config.js||├─public|||...
vuepressvuepress相关文件路径主要配置distbuild打包生成路径自定义nav导航条配置自定义zhjs自定义导航条配置plugins插件配置自定义pluginsconfjs自定义插件配置sidebar侧边栏配置自定义menujs自定义侧边栏配置public静态资源存放configjs网站必要的配置文件主要配置changelog自定义日志模块...
vuepress build docs 接着使用 git 命令,先暂存所有文件,再提交暂存命令,最后上传到 Gitee git add . git commit -m '部署' git push https://gitee.com/<用户名>/<仓库名> 这样就是上传成功了,可以在 Gitee 仓库中查看。 最后,我们在服务中选择Gitee Pages,选择部署分支为master,选择部署目录为/docs/.vue...
在您的 VuePress 项目中,创建一个名为deploy.sh的文件,具有以下语法(确保将路径替换为您的存储库的路径): # !/usr/bin/env sh # aborting on errors set -e # building npm run docs:build # navigating to the build output directory cd .vuepress/dist # if you are deploying to a custom domain #...
"build": "vuepress build docs" } ``` ### 4. 创建基本项目结构 ``` 官方只有推荐目录结构,并没有现成的cli,所以需要通过命令行或手动创建如下结构: vuepress-demo ├─package.json ├─docs | ├─README.md | ├─.vuepress | | ├─config.js | | ├─public | | | └avatar.png | | | ...
但是接下来的阶段,vuepress dev docs和vuepress build docs就开始走不通的处理路径了。先对两个最主要的执行流程进行分析有助于我们对整个项目有一个大体的了解,也有助于之后在此基础上分析实现细节. 一、dev 的执行过程 使用过 VuePress 制作网站的同学应该都见过运行vuepress dev docs的结果: ...