2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点

简略风格。
面向最初用户。

准备工作

1、注册账户

https://github.com/

2、在PC安装GitHub Desktop 软件

https://desktop.github.com/
安装后在桌面登录一下。

3、安装IDE(代码编辑器)

https://download.sublimetext.com/Sublime Text Build 3176 x64 Setup.exe

用迅雷下载

4、创建新项目并打开站点访问

2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第1张图片
image.png
2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第2张图片
image.png

配置站点


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第3张图片
image.png
2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第4张图片
image.png

选择一个喜欢的皮肤


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第5张图片
image.png

提交改变

2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第6张图片
image.png

再次返回到sitting内,下拉可以看到本项目的访问地址


image.png

点击~


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第7张图片
image.png

已经可以访问了,
不得不感叹github的技术实力。

5、代码和本地的同步 与修改后的提交。

2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第8张图片
image.png

我比较喜欢在本地修改,选择克隆代码库


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第9张图片
image.png

克隆完成后。在对应目录看到下载的代码。


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第10张图片
image.png

使用编辑器打开此目录


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第11张图片
image.png

点开主页。
简单修改一些文字~保存


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第12张图片
image.png

GitHub Desktop自动检测到修改内容。


2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第13张图片
image.png

2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第14张图片
image.png

提交到服务器。
等待 刷新页面
2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点_第15张图片
image.png

完结。

你可能感兴趣的:(2019-01-18 如何利用 github的部署功能,免费开发和部署H5小站点)