一、简介

很多刚学会写静态页面的同学想过一个这样的问题，我写的静态页面只能用电脑看，我能用手机查看吗？答案是可以的，但是需要一定的操作。我们也知道手机联网过后访问页面都是需要网址的，普通状态下，我们需要购买服务器和域名，这两个是按照年付费，我只是单纯的想看看，不想花这么多钱。那这时候免费的方法就来了。
我们使用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
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加速，git clone加速，git release下载加速，stackoverflow加速的问题】。下载链接：https://github.com/docmirror/dev-sidecar

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

php larval 项目部署,Laravel项目部署到线上需要注意的问题
下面由Laravel教程栏目给大家介绍Laravel项目部署到线上需要注意的问题 ,希望对需要的朋友有所帮助! 准备部署 Laravel 应用到生产环境时,却出现了以下一些问题,你在本地上基本不会出现 ...
Laravel项目部署到线上需要注意的一些问题
Laravel项目部署到线上常见问题 1 目录权限问题 2 Nginx的配置文件的问题 3 PHP扩展要记得开启 4 git clone 缺少核心库 5 git clone app_key的错误 6 ...
php项目部署启动不了,Laravel项目部署到线上需要注意的问题
原标题:Laravel项目部署到线上需要注意的问题 Laravel项目部署到线上需要注意的问题准备部署 Laravel 应用到生产环境时,却出现了以下一些问题,你在本地上基本不会出现问题,但是到线上 ...
sap项目部署到服务器,本地项目部署到云服务器
本地项目部署到云服务器内容精选换一换部署提供可视化.一键式部署服务,支持并行部署和流水线无缝集成,实现部署环境标准化和部署过程自动化.本节通过以下六步介绍如何使用部署服务将归档在软件发布库的软件 ...
微信开发 - 第三方网站接入微信登录、微信支付时，本地 redirect_uri 参数错误导致无法调试的解决方案（微信开放平台）完美解决每次都需要部署到线上测试，在本地使用本地 ip 就能轻松调试
问题描述网上的教程都非常乱且无效,本文将站在新手的角度,超级详细的讲解. 本文提供在微信开放平台,接入微信登录和微信支付时,本文无法调试 redirect_uri 回调错误的解决方案, 仅需几个 ...
微信小程序从本地开发环境到线上测试环境和生产环境的配置
这篇文章是对慕课网mpvue实战项目视频过程中环境的配置的总结与更新(因为小程序文档时不时就更新) 项目源码:https://github.com/suhuashan/bookCommentSyste ...
怎么把项目推到gitlab上_将本地项目添加到 GitLab 上管理
将本地项目添加到 GitLab 上管理 1, 先在 GitLab 上创建一个新的项目, 把开发人员加入项目 2, 在本地项目初始化 Git Git init 3, 从远程的 Git 仓库 pull 项 ...
spring oauth2 的error_description本地提示中文，线上提示英文。
spring oauth2 的error_description本地提示中文,线上提示英文. 自由的灵魂需要一颗勇敢的心,要勇敢的自发去成全自己. 解决方案在yml或properties文件中进行如 ...
ssm毕设项目贵工程线上拍卖平台的设计与实现c1jil（java+VUE+Mybatis+Maven+Mysql+sprnig）
ssm毕设项目贵工程线上拍卖平台的设计与实现c1jil(java+VUE+Mybatis+Maven+Mysql+sprnig) 项目运行环境配置: Jdk1.8 + Tomcat8.5 + Mys ...

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

一、简介

二、步骤

（一）建立线上空仓库

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

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

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

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

1.找到自己的本地项目，`项目的首页名字必须是index.html`，要不然后面没法识别。

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

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

（三）部署到线上

（四）中途遇见的问题

1.如图，在输入git commit -m "first commit"出现此图片的状态说明没有配置邮箱和密码，不知道连接谁。

2. 在结束最后一个步骤回车后，会弹出一个框，之后授权。

三、总结

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

最新文章

热门文章

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

一、简介

二、步骤

（一）建立线上空仓库

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

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

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

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

1.找到自己的本地项目，项目的首页名字必须是index.html，要不然后面没法识别。

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

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

（三）部署到线上

（四）中途遇见的问题

1.如图，在输入git commit -m "first commit"出现此图片的状态说明没有配置邮箱和密码，不知道连接谁。

2. 在结束最后一个步骤回车后，会弹出一个框，之后授权。

三、总结

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

最新文章

热门文章

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

1.找到自己的本地项目，`项目的首页名字必须是index.html`，要不然后面没法识别。