用Github pages搭建自己制作的网页,方法最简单,适用于新手

时间:2023-03-08 21:22:04

本文固定链接http://blog.****.net/pspgbhu/article/details/51205264

本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不是要收费就是很麻烦。终于黄天不负有心人,让我找见了github pages,不但免费,还非常的方便!!

在这里我就来分享给大家,同时也希望像我一样的前端新人不用再走弯路了。

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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


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

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

在仓库中打开sitting用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

4.下载github for Windows

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

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

用Github pages搭建自己制作的网页,方法最简单,适用于新手

完成后在github桌面版上点击master,并将其切换至gh-pages用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

用Github pages搭建自己制作的网页,方法最简单,适用于新手

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

在这里我也希望所有和我一样初入前端的人都能越来越棒,早日摆脱菜鸟的称呼用Github pages搭建自己制作的网页,方法最简单,适用于新手

看完文章别忘了点赞哦用Github pages搭建自己制作的网页,方法最简单,适用于新手