文章目录
利用github／码云（gitee）免费部署静态网页
前言
以前笔者就曾想过为什么游戏可以长效有趣，而学习却那么枯燥无趣呢？后来笔者发现应该是收获感的问题，在游戏中你可以很快得到胜利的正反馈，但是学习的周期长，收获短时间不明显。此处废话。
所以笔者一直认为学以致用不仅仅是老师无用的教导，应该是我们初学者给自己的奖励。
近段时间学习了web网页开发，但是总觉得自己的成果无法给别人展示，不能甩给其他人一个网址自己访问，效果不够满分、潇洒。
所以在老师的提醒下利用github免费部署自己的网页在网络上，但是其中有几点限制。
网页部署限制
Pages 服务仅供博客 / 门户 / 开源项目网站 / 开源项目静态效果演示用途，请勿用于违规内容，包括但不仅限于：
-
发布诱导分享/诱导关注/诱导下载/诱导跳转内容
-
发布欺诈/谣言/骚扰信息/广告信息/垃圾信息/特殊识别码、口令类信息
-
发布低俗内容/“宗教性捐献”及相关信息
-
发布侵害他人权利/违法经营及可疑服务类内容
-
发布其它违反国家法律法规的内容
github局限性（误）
实际上依照老师的建议是使用github进行免费网页的部署，但是无奈有时候github被墙出现无法访问的情况。
所以我们这次使用国内的码云（gitee）进行替代。
gitee注册
- 百度搜索gitee即可来到此官网页面
- 点击注册进入注册页面
此处的姓名就是用户名，将在多处被使用。
你也可以采用OSchina、阿里云、GitHub、QQ、微信等账号登陆。
- 填写信息后登录，建议绑定手机号（执行免费部署静态网页必须，后续可取消绑定）
此处笔者删除了写本文前的测试仓库
- 点击右上角加号新建仓库
- 任意填写自己新建仓库名（注意会出现在后续发布的网址中）
填写信息并选择公开后即可完成创建
- 完成仓库创建
注：此时查看发现服务中只有此三项，注意图中的HTTPS/SSH后的网址，这里我们选择HTTPS方式并记下网址。
方法一：利用git推送到gitee仓库
对git有所了解的读者可以直接按照下列简易的命令行入门教程执行即可，本文不做过多赘述，后续会写专文进行详细介绍。
全局设置
git config --global user.name "你希望提交时显示的名字"
git config --global user.email "你希望提交时显示的联系邮箱"
创建git仓库
mkdir show
cd show
git init
touch README.md
git add README.md
git commit -m "first commit"
git remote add origin https://gitee.com/tgmmmmmmmm/show.git
git push -u origin master
mkdir show 创建show目录，目录名字可以自己定，可以跳过 cd show 移动到show目录中，可以跳过 git init 初始化本地仓库 touch README.md 创建README.md介绍文件，可以跳过 git add README.md 添加文件到暂存区，添加所有需要上传的文件 git commit -m "first commit" 提交暂存区文件到本地仓库并附带信息first commit git remote add origin https://gitee.com/tgmmmmmmmm/show.git 加入一个远端节点并利用origin指代服务器地址（即刚刚HTTPS后面的网址），origin也可以用其他的代替 git push -u origin master 将master分支内容推向origin位置
已有git仓库
cd existing_git_repo
git remote add origin https://gitee.com/tgmmmmmmmm/show.git
git push -u origin master
cd existing_git_repo 切换到已有的仓库地址 git remote add origin https://gitee.com/tgmmmmmmmm/show.git 加入一个远端节点并利用origin指代服务器地址（即刚刚HTTPS后面的网址），origin也可以用其他的代替 git push -u origin master 将master分支内容推向origin位置
方法二：网页端操作
网页端操作发现只是创建仓库并没有上传文件选项（也有可能是笔者没找到）
但是在已有文件的仓库中笔者发现是可以网页操作上传文件的，所以这里利用初始化reademe文件进行仓库填充。
点击操作后会来到下面的界面，点击上传文件选择即可
Gitee Pages
此时再在服务中查看发现已经有了新内容Gitee Pages，点击进入
在这里插入图片描述
注意事项
来到Gitee Pages页面后，不填写更改任何东西将默认部署整个仓库。
会自动寻找仓库最外层目录index.html作为网址首页
部署成功
启动后将有如下提示，输入网址即可访问仓库中index.html的网页
效果如下
后语
这样我们就成功将自己写的页面放置在了网络上，将网址发给你的好友让他们欣赏欣赏吧。
温馨提示：此处静态网页并不是说不能动画，而是无法后端交互，不可链接数据库实时变化显示。并且每次有了更改需要重新部署。
另附笔者部署的网页1：http://tgmmmmmmmm.gitee.io/show
http://tgmmmmmmmm.gitee.io/show ↩︎