GitHub Pages基本使用

本文介绍了如何将本地Vue项目部署到GitHub Pages,并通过设置实现从GitHub Pages跳转至个人博客。首先,在GitHub创建新仓库,然后在本地项目中与仓库建立连接,上传打包后的dist文件夹。接着,在GitHub仓库设置中配置GitHub Pages。最后,只需上传包含跳转js的index.html文件,即可完成从GitHub Pages到个人博客的链接设置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

部署本地项目到 GitHub Pages

进入github创建新仓库
在这里插入图片描述
在本地vue项目目录下使用git clone或者其他方式与github仓库建立连接。再通过下面指令上传代码到github(打包之后的dist文件夹一并上传):

git add .
git commit -m 'init project'
git push

进入Github Setting配置Github page
在这里插入图片描述
在这里插入图片描述
浏览器访问 https://waviness.github.io/example/dist即可

使用GitHub Pages跳转至个人博客

用上面同样是方式,只上传一个index.html文件包含js:

window.location.href = 'https://blog.csdn.net/qq_21407223';
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值