在github上建立自己的网站
2018-01-28 10:37
183 查看
原文地址:https://www.cnblogs.com/xiadongqing/p/6164060.html
google一下了解到Github有一个Github pages的功能可以搭建博客或者托管网页,而且免费耶,搜了下教程,猛地一看感觉步骤也不是很麻烦,所以就用这个了!
开始教程之前的准备工作:
1、需要你自己写的网页文件。
2、注册Github。
3、下载安装git。下载地址https://git-scm.com/downloads
教程开始:(以下出现的test指你的网页名或者你想起的一切名字)
步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a README,点击create repository。
步骤二:打开settings,有一个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。
步骤三:点击页面最后的continue to layouts,然后就可以进入设置你的页面主题,你会说这不是我的网页呀,别急嘛,先选择一个主题,点击 publish pages。
这个时候会出现你的网页的网址,也就是下图的 http://jiayili.github.io/test.复制打开这个网址,你看到了什么?
哇塞,这不是刚自己设置选择的主题页面吗?
好了,别激动了,真正让一个小白你发疯的阶段开始了,有了自己的网址,但页面显示的是什么鬼?
至此以上,github上要处理的操作告一段落,该上Git了!
步骤四 :打开此电脑,选择一个盘,比如 f 盘,右键空白处点击 git bash here。
步骤五:输入如下命令,用来在 f 盘创建 test 文件放你的github上的test repository,克隆test repository到 test 文件中。
这个时候你的 f 盘,就会多一个 test 文件,打开它,
会看到一个 README.md 的文件,这个文件是从哪来的呢?追溯到gihub上,你会发现你有两个分支(branches),而 README 文件是来自 master 分支。
而我们需要编辑的是另一个分支——gh-pages,因为这个分支才能够真正定义github pages的内容和样式,也就是可以呈现你网页的地方。
步骤六:输入以下命令,为了在本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
这个时候我们再打开 f 盘,发现变样了
刚才还是README呢,怎们现在成了3个文件了,这3个文件来自哪?
来自github 上的 gh-pages 分支下的文件。
打开f 盘中的 index.html,你会发现就是咱们一开始选择主题的页面。那我们将这个页面替换成自己coding的网页不就好了?
步骤七:执行如下命令,删除原有的gh-pages文件,并提交(commit)本次修改。
这个时候 f 盘没有文件。
步骤八:将自己的网页文件复制粘贴至 f 盘的 test 文件中
输入如下命令,为了本地gh-pages中的网页文件同步到远程的gh-pages中。
输入最后一行 git push origin gh-pages,按回车,等一会,会有弹出框让你输入你的 github 账号和密码。
ok之后耐心等待。
当出现像下图中的命令行之后,你已经完成了99%。
最后一步:打开浏览器输入给你的网址加上 test.html,然后重重的按下回车。
google一下了解到Github有一个Github pages的功能可以搭建博客或者托管网页,而且免费耶,搜了下教程,猛地一看感觉步骤也不是很麻烦,所以就用这个了!
开始教程之前的准备工作:
1、需要你自己写的网页文件。
2、注册Github。
3、下载安装git。下载地址https://git-scm.com/downloads
教程开始:(以下出现的test指你的网页名或者你想起的一切名字)
步骤一:登录到Github上,新建一个repo,命名为test,勾选 initialize this repository with a README,点击create repository。
步骤二:打开settings,有一个Github Pages 的设置,点击Launch automatic page generator(启动自动页面生成器)。
步骤三:点击页面最后的continue to layouts,然后就可以进入设置你的页面主题,你会说这不是我的网页呀,别急嘛,先选择一个主题,点击 publish pages。
这个时候会出现你的网页的网址,也就是下图的 http://jiayili.github.io/test.复制打开这个网址,你看到了什么?
哇塞,这不是刚自己设置选择的主题页面吗?
好了,别激动了,真正让一个小白你发疯的阶段开始了,有了自己的网址,但页面显示的是什么鬼?
至此以上,github上要处理的操作告一段落,该上Git了!
步骤四 :打开此电脑,选择一个盘,比如 f 盘,右键空白处点击 git bash here。
步骤五:输入如下命令,用来在 f 盘创建 test 文件放你的github上的test repository,克隆test repository到 test 文件中。
这个时候你的 f 盘,就会多一个 test 文件,打开它,
会看到一个 README.md 的文件,这个文件是从哪来的呢?追溯到gihub上,你会发现你有两个分支(branches),而 README 文件是来自 master 分支。
而我们需要编辑的是另一个分支——gh-pages,因为这个分支才能够真正定义github pages的内容和样式,也就是可以呈现你网页的地方。
步骤六:输入以下命令,为了在本地新建一个gh-pages分支,而这个分支是远程分支origin/gh-pages的镜像,也就是我们可以在本地的gh-pages看到github上的gh-pages的内容。
这个时候我们再打开 f 盘,发现变样了
刚才还是README呢,怎们现在成了3个文件了,这3个文件来自哪?
来自github 上的 gh-pages 分支下的文件。
打开f 盘中的 index.html,你会发现就是咱们一开始选择主题的页面。那我们将这个页面替换成自己coding的网页不就好了?
步骤七:执行如下命令,删除原有的gh-pages文件,并提交(commit)本次修改。
这个时候 f 盘没有文件。
步骤八:将自己的网页文件复制粘贴至 f 盘的 test 文件中
输入如下命令,为了本地gh-pages中的网页文件同步到远程的gh-pages中。
输入最后一行 git push origin gh-pages,按回车,等一会,会有弹出框让你输入你的 github 账号和密码。
ok之后耐心等待。
当出现像下图中的命令行之后,你已经完成了99%。
最后一步:打开浏览器输入给你的网址加上 test.html,然后重重的按下回车。
相关文章推荐
- linux 下在GITHUB上建立自己的网站
- Github上建立自己的网站
- 不依附于任何网站建立自己的博客(基于hexo + github)
- 不依附于任何网站建立自己的博客(基于hexo + github)
- 在github上建立自己的网站
- Github建立自己的个人网站,不需要买域名啦!
- 在github上建立自己的网站
- [置顶] 手把手教你在Github上建立自己的个人博客网站
- 用nutch和solrnet建立自己的搜索网站
- 由成幻OnlineJudge学习如何做自己的Acm-Icpc在线评判系统-4.建立基本的网站类库
- 利用Github建立你的个人网站
- github+hexo搭建自己的博客网站(六)进阶配置(搜索引擎收录,优化你的url,添加RSS)
- 使用github page建立免费的静态网站和博客网站
- Gitbucket—快速建立自己的Github
- 奇新云网站――助您快速建立自己的专属域名网站
- 建立自己的斗图网站
- 如何在GitHub上面建立自己的个人主页
- 用windows自带功能轻松建立自己的FTP网站
- 如何用github搭建自己的个人网站