如何在Github Pages搭建自己写的页面?

来源:互联网 发布:还珠之我是知画 编辑:程序博客网 时间:2024/06/06 00:35

最近发现 github 改版了,已没有像原来的 Launch automatic page generator 这样的按钮。文中所有过程可能在不同的情况下会有少数不同,但基本如此,大家可根据自己的情况亲自测试。现在将全部过程方法分享给大家,如有错误望指出。本文参考自http://www.cnblogs.com/lijiayi/p/githubpages.html

开始教程之前的准备工作:
1、需要你自己写的网页文件。
这里写图片描述
2、注册Github。
3、下载安装Git。

教程开始:(以下出现的test指你的网页名或者你想起的一切名字)
步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a README,点击create repository。


步骤二:打开settings,有一个Github Pages 的设置,点击 source 中的本来的 None ,使其变成 master 分支,也就是作为部署github pages 的分支,然后点击 save。
这里写图片描述
步骤三:页面刷新之后,再看 github pages 设置框处,多了一行网址,就是你的 github pages 的网址了。
这里写图片描述
点击这个链接
这里写图片描述
步骤四 :打开此电脑,选择一个盘,比如 f 盘,右键空白处点击 git bash here。
这里写图片描述
步骤五:输入如下命令,用来在 f 盘创建 test 文件放你的github上的test repository,克隆test repository到 test 文件中。
这里写图片描述
这个时候你的 f 盘,就会多一个 test 文件,打开它
这里写图片描述
会看到一个 README.md 的文件,这个文件是从哪来的呢?追溯到gihub上,你会发现 README 文件是来自 master 分支。
这里写图片描述
步骤六: 将自己的网页文件复制粘贴至 f 盘的 test 文件中
这里写图片描述
步骤七:执行如下命令
这里写图片描述
这里写图片描述
解释一下上面的命令:首先输入 git status 列出当前目录所有还没有被git管理的文件和被git管理且被修改但还未提交(git commit)的文件,也就是所有改动文件,红色字体标出。
然后输入 git add . (有个点) 表示添加当前目录下的所有文件和子目录,
然后 再输入一次 git status 如果看见文件都变绿了 ,那么就代表 它们已经准备好了被提交(git commit)。

步骤八:输入如下命令,将你的文件上传至远程 master 分支
这里写图片描述

这里写图片描述
输入最后一行 git push,按回车,等一会,会有弹出框让你输入你的 github 账号和密码。
这里写图片描述

ok之后耐心等待;
当出现像下图中的语句之后,你已经完成了99%。
这里写图片描述
最后一步:打开浏览器输入给你的网址,然后重重的按下回车。成功了·······

阅读全文
0 0
原创粉丝点击