github Pages上搭建自己写的页面

----------------------------------第一部分--------------------------------

一、准备工作

1 安装git

2 注册github

二、开始搭建一个GitHub Pages

1 登录到github

右上角头像旁边:'+'号->New repository创建一个代码托管仓库

2  创建一个新的仓库,创建完之后会自动跳转到这个刚创建的仓库的页面

3 点击settings,往下翻页,翻到GitHub Pages,然后选择Source,默认是None,选择为master分支,选完之后会自动刷新settings,这个时候再翻到GitHub Pages,发现多一句Your site is ready to be published at https://githubcail.github.io/test/.,如图2;

                                                                                                         图1

                                                                                                         图2

点击这个地址,就会打开一个页面,也就是你创建的这个仓库,到这里一个github pages就已经创建好了,但是怎么能把自己写的代码放到这个github pages呢?继续往下看吧~~~~~~~~~~~~~~~~

-----------------------------------第二部分--------------------------------

1 将test仓库拷贝到本地

选择一个目录,右键"git bash here",执行"git clone 你的GitHub Pages test仓库地址"

上面那个目录可以在新创建的test仓库找到

2 拷贝成功之后,打开本地目录,发现多了一个test文件夹(文件夹名字与仓库名相同);test文件夹中有一个README.md文件,这个文件就是开始初始化仓库时生成的,生成在master分支,因此clone的时候就把这个文件下到本地了。

3 将自己写的网页代码拷贝到test文件夹中

4 在test文件夹下(进入后会显示一个master,表示这个目录是git管理下的master分支)执行git status查看文件状态(所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,显示红为色)

5 提示使用"git add ."命令将columntype.html状态改变,有个"."表示提交新文件(new)和被修改(modified)文件,不包括被删除(deleted)文件;

add完之后重新查看一下状态,发现文件以及变成绿色了,表示已经准备好了被commit

6 提交代码  git commit -m "备注信息:代码提交"

如果第一次commit,需要全局设置一下邮箱和用户名(就是注册时候的);

再提交就OK了(这里如果开始先添加了SSH Key应该就不用设置,因为在添加SSH Key时会设置这2项)

7 把本地commit的代码推送到git服务器

可能会跳出提示让你登录github,输入账号密码登录一下就好了

访问你的github pages:在基础地址上加上/hmtl文件名

OK ,到这里就已经成功了~~

发布了98 篇原创文章 · 获赞 9 · 访问量 5万+

猜你喜欢

转载自blog.csdn.net/liucai1018/article/details/100974507