【2019-07-23】使用Github搭建自己制作的网页

2019年7月23日10:42:22 发表评论 2,055 热度

项目需要一个单页面展示,又不想买服务器,让我找见了github pages,不但免费,还非常的方便!!

在这里我就来分享给大家。

1.首先你要有你写好的网页文件

【2019-07-23】使用Github搭建自己制作的网页

2.需要去GitHub注册一个账号

进入链接https://github.com/  页面右上角点击sign up 进入注册页面开始注册。

【2019-07-23】使用Github搭建自己制作的网页

填写完用户名、邮箱、密码后,点击下面的Create an account完成注册。

3.在github创建一个个人网站

登陆你的github账号,然后点击网页右上角的加号 然后点击New repository

【2019-07-23】使用Github搭建自己制作的网页

输入你的repository name ,然后将下面的小勾勾上,之后就可以点下面的绿色创建啦

【2019-07-23】使用Github搭建自己制作的网页

在仓库中打开sitting【2019-07-23】使用Github搭建自己制作的网页

在sitting下点击launch automatic page generator按钮。之后再点击右下角绿色的continue to layouts

【2019-07-23】使用Github搭建自己制作的网页

进入到样式选择界面,随便选一个就行,然后点击 publish page,对后面没有影响,毕竟我们是要上传自己的网页的。

【2019-07-23】使用Github搭建自己制作的网页

完了之后网页会自动跳回我们仓库的界面,这时候我们再点sitting,在下头能看到一个链接,这个就是我们成功创建的网站,当然这个还不是我们自己想要的那个网站。

【2019-07-23】使用Github搭建自己制作的网页

4.下载github for Windows

因为官网上下载实在龟速,这里我给大家贴一个离线包地址,解压就能用http://download.csdn.net/download/lyg468088/8723039,或者可以自行百度“github for Windows离线安装包”。

解压之后运行github.exe,然后登陆自己的github账号,登陆之后点击左上角加号选择clone,然后选择自己账户下面自己之前创建的那个仓库,之后点击最下面的确认,确认完成后同时选择自己要克隆到的路径,我是选择在了e盘下github文件夹内。

【2019-07-23】使用Github搭建自己制作的网页

【2019-07-23】使用Github搭建自己制作的网页

完成后在github桌面版上点击master,并将其切换至gh-pages【2019-07-23】使用Github搭建自己制作的网页

完成之后我们在我的电脑中打开之前clone仓库的相应地址,应该看到的是这样的

【2019-07-23】使用Github搭建自己制作的网页

将他们全部删除,然后将我们自己之前制作的网页文件全部复制进去。

【2019-07-23】使用Github搭建自己制作的网页

在回到之前的github桌面版,会发现仓库里产生了变化,如果没有变可以点一下左边自己仓库下面的 tutorial然后再点回来,再不行就退出重进。产生了变化之后在下面的summary给自己的项目随便起个名字,之后发现下面的 commit to gh-pages可以点击了,点击之。

【2019-07-23】使用Github搭建自己制作的网页

点击完后,稍等片刻,上面显示0 changes时 点击客户端右上角Sync进行同步。

【2019-07-23】使用Github搭建自己制作的网页

过一会同步完成后可以登录网页版看看自己制作的文件是不是都上传上去了呢。网上查看时记得将Branch由master切换成gh-pages。之后再登录之前sitting里显示的那个链接是不是我们之前自己制作的呢?

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: