搭建vuepress比较简单,按vuepress官方网站一步步搭建就可以了,搭建过程比较顺利,主要是在部署阶段出现的一些问题和大家分享一下

1、js和css出现404问题

出现404的原因主要是部署到网络环境的时候,由于没有找到js和css的根路径,因此不管项目是否在【git账号名】github.io的这仓库中,我们都需要在搭建vuepress时加上“base”,即根路径。

  • 在config.js添加base,base中的路径是你仓库的名字
module.exports = {
    base:"/blog/",
    /*其他业务代码*/
}

  • 重新打包运行,问题解决。

2、每次都要重复操作打包、运行、上传github很麻烦怎么办?

打包要npm,上传github需要add、commit、push,那如果每次修改都要重复这几个步骤,就会很麻烦,所以可以对着几个操作步骤打包一下,做成一个自动运行的脚本,每次只要运行这个脚本,就可以一次性执行完打包、运行、上传github的动作了。

首先,在项目中建立一个的shell脚本文件,即.sh后缀的文件

然后,把执行命令放入脚本文件中

set -e
npm run build
cd docs/.vuepress/dist

git init
git add -A
git commit -m 'deploy'

git push -f "仓库地址" master
cd -

在命令行中运行shell脚本sh deploy.sh,就可以自动打包,上传了

3、github.io无法打开怎么办?

开始的时候,github.io还是可以正常访问的,当时过了几天之后

  • 自己的手机和电脑就是打不开,
  • 用有些人的手机和电脑就可以打开,
  • 不知道是不是被屏蔽,到现在依然没有解决这个问题。

既然github打不开,而且一时半会也找不到原因,那就换一种方法,那就是用码云来代替github,其实码云也挺方便的,直接把github中的项目导入进来,然后开启gitee pages服务,码云就可以自动给我们把项目部署到网上。

 

 

Logo

前往低代码交流专区

更多推荐