vuepress个人博客部署遇到的一些问题
vuepress是一个由vue驱动的静态网页生成器,利用vuepress可以打造专属的个人博客,也可以成为自己的笔记库。在这里说一下部署时遇到的一些问题
·
搭建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服务,码云就可以自动给我们把项目部署到网上。
更多推荐
已为社区贡献3条内容
所有评论(0)