vue打包项目上传到github上,以页面的形式打开,然后生成一个链接(可面试的时候把自己的项目链接填写在页面上)。超级详细教程。

先在github上创建自己的账号,如果已经有账号,直接创建仓库。(这个步骤一般都会)

Respository name这里面是你给仓库起的名字,也是最后上传成功后项目的链接。

 然后直接点击下面的创建。

创建完成后,新建一个仓库分支,分支的名字必须是gh-pages,这个后面用得到。

 这样就会有一个gh-pages的分支。

这样就可以进行下一步操作了,去仓库推送到github上,复制code里面的链接。

 下面找到自己要上传页面的文件。

但电脑上面要先安装git,没有安装的,自己去搜索怎么安装,这个很简单。安装完成后或者已经有git的,一次执行下面的代码。

上传的前提是,文件夹里面不管是静态页面还是vue项目打包的,里面必须只有一个index.html页面文件,这个是很关键的,因为服务器在启动页面的时候,会自动识别index.html这个文件。

然后在要上传的文件夹里面右击选择Git Bash Here

 依次输入:

初始化仓库

git init

全部添加

git add .

gie commit -m "这里面写提交到仓库的介绍"

创建一个分支,分支的名字必须是gh-pages

git branch gh-pages

 

然后切换分支

git checkout 

然后对github进行链接,把刚才提交的文件暂存到github服务器上,把刚才在页面code上复制的链接复制到下面代码中。

git remote add origin 复制的链接

 

建接下来输入:git pull origin master:避免文件冲突,将github上的文件先拉取下来,如果出现报错,则输入git pull origin master --allow-unrelated-histories

因为不是中国的服务器,网速不好的时候会失败,多试几次。

注:我本人不知道是电脑的问题还是网速的原因,只能输入git pull origin master --allow-unrelated-histories才有效,你们可以先尝试:git pull origin master,不行再跟我一样。

最后输入

git push origin gh-pages

把文件提交到github分支上。

这样就是成功了,然后再去github仓库,gh-pages分支上,刷新页面就能看到了。

 然后点击settings

里面有一个Pages,点击之后会看到一个链接,这个链接就是你上传项目的页面,直接点击或者发给别人,都是可以直接访问的。

这个我刚才上传的链接:Documenticon-default.png?t=M85Bhttps://daimengje.github.io/dabao_ceshi/ 我这是第一次在博客上发送一个我认为并不是很复杂但有些人弄不明白的东西,这是一步一步的来的,只要中间自己没搞错,一下子就可以弄成功了。好了,需要的可以试一下吧。

猜你喜欢

转载自blog.csdn.net/qq_45802269/article/details/127310952