知识点|使用Github将本地项目部署到线上的步骤（免费，不需要购买域名和服务器） github|服务器|git|步骤

一、简介很多刚学会写静态页面的同学想过一个这样的问题，我写的静态页面只能用电脑看，我能用手机查看吗？答案是可以的，但是需要一定的操作。我们也知道手机联网过后访问页面都是需要网址的，普通状态下，我们需要购买服务器和域名，这两个是按照年付费，我只是单纯的想看看，不想花这么多钱。那这时候免费的方法就来了。
我们使用github将静态项目部署到线上。
GitHub是一个面向开源及私有软件项目的托管平台，因为只支持Git作为唯一的版本库格式进行托管，故名GitHub。简单点说Github 就是一个让大家把用 Git 这种版本管理工具管理的内容（项目），能够集中在一起，互相交流、改进的社区。
其中使用github-pages,步骤地址：https://pages.github.com/#user-site
二、步骤

整体步骤：本地有个仓库，仓库里面放入本地项目，然后线上建一个仓库。这两个仓库建立连接，把本地仓库推送到线上仓库，然后生成链接，完成。

（一）建立线上空仓库 1.首先要有一个github账号：https://github.com/

知识点|使用Github将本地项目部署到线上的步骤（免费，不需要购买域名和服务器）

文章图片

2.登录自己的账号后，点击右上角加号，如图，点击第一个：

文章图片

3. 按要求输入仓库名称和仓库描述说明，选择仓库类别（Public公共、Private私有），剩下的默认，直接创建（看不懂就翻译一下）。仓库名称进行和项目名称保持一致。

文章图片

空仓库创建完毕（先别关闭）：

文章图片

（二）本地仓库创建、线上线下仓库链接、推送。 1.找到自己的本地项目，项目的首页名字必须是index.html，要不然后面没法识别。

文章图片

2.在空白处右键。此工具是git管理工具。下载地址：https://git-scm.com/

文章图片

3.在弹出窗口后，按提示步骤依次输入，和下图没啥区别的话，就代表上传成功了。(这些代码从哪看的呢？就从你建完线上仓库时，显示的代码指令)

文章图片

git init git add ./ git commit -m "首次提交" git branch -M main git remote add origin https://github.com/bjyxszd/shop.git git push -u origin main 配置邮箱代码在下方。 git config --global user.name "姓名" git config --global user.email "邮箱"

（三）部署到线上

文章图片
在旁边会得到一个链接，此链接就是线上链接，就是网址，输进去就能看到自己写的页面样式。

文章图片

（四）中途遇见的问题 GitHub上传你可能遇见的问题：
1.如图，在输入git commit -m "first commit"出现此图片的状态说明没有配置邮箱和密码，不知道连接谁。

文章图片

解决：此时需要配置邮箱和姓名，分别输入命令：

git config --global user.name "姓名" git config --global user.email "邮箱"

回车，再次输入git commit -m "说明信息"即可，之后步骤挨着走一遍即可。
2. 在结束最后一个步骤回车后，会弹出一个框，之后授权。

文章图片

三、总结 【知识点|使用Github将本地项目部署到线上的步骤（免费，不需要购买域名和服务器）】注意：github属于外网控制，有时候加载很慢，要有耐心，毕竟免费使用，不能过多要求什么。如果经济实力允许，还是自己买服务器和域名进行配置。如果觉得太慢可以下载开发者边车【解决github打不开，github加速，git clone加速，git release下载加速，stackoverflow加速的问题】。下载链接：https://github.com/docmirror/dev-sidecar