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

一、简介

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

二、步骤

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

（一）建立线上空仓库

1.首先要有一个github账号：https://github.com/

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

3. 按要求输入

仓库名称

和

仓库描述

说明，选择仓库类别（

Public公共

、Private私有），剩下的默认，直接创建（看不懂就翻译一下）。仓库名称进行和项目名称保持一致。

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

（二）本地仓库创建、线上线下仓库链接、推送。

1.找到自己的本地项目，

项目的首页名字必须是index.html

，要不然后面没法识别。

2.在空白处右键。此工具是git管理工具。

下载地址：https://git-scm.com/

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

git init
gitadd ./
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加速，git clone加速，git release下载加速，stackoverflow加速的问题】。下载链接：https://github.com/docmirror/dev-sidecar