用Github pages搭建自己制作的网页,方法最简单,适用于新手
本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264
本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建网站的方法,发现不是要收费就是很麻烦。终于黄天不负有心人,让我找见了github pages,不但免费,还非常的方便!!
在这里我就来分享给大家,同时也希望像我一样的前端新人不用再走弯路了。
1.首先你要有你写好的网页文件
2.需要去GitHub注册一个账号
进入链接https://github.com/ 页面右上角点击sign up 进入注册页面开始注册。
填写完用户名、邮箱、密码后,点击下面的Create an account完成注册。
3.在github创建一个个人网站
登陆你的github账号,然后点击网页右上角的加号 然后点击New repository
输入你的repository name ,然后将下面的小勾勾上,之后就可以点下面的绿色创建啦
在仓库中打开sitting
在sitting下点击launch automatic page generator按钮。之后再点击右下角绿色的continue to layouts
进入到样式选择界面,随便选一个就行,然后点击 publish page,对后面没有影响,毕竟我们是要上传自己的网页的。
完了之后网页会自动跳回我们仓库的界面,这时候我们再点sitting,在下头能看到一个链接,这个就是我们成功创建的网站,当然这个还不是我们自己想要的那个网站。
4.下载github for Windows
因为官网上下载实在龟速,这里我给大家贴一个离线包地址,解压就能用http://download.csdn.net/download/lyg468088/8723039,或者可以自行百度“github for Windows离线安装包”。
解压之后运行github.exe,然后登陆自己的github账号,登陆之后点击左上角加号选择clone,然后选择自己账户下面自己之前创建的那个仓库,之后点击最下面的确认,确认完成后同时选择自己要克隆到的路径,我是选择在了e盘下github文件夹内。
完成后在github桌面版上点击master,并将其切换至gh-pages
完成之后我们在我的电脑中打开之前clone仓库的相应地址,应该看到的是这样的
将他们全部删除,然后将我们自己之前制作的网页文件全部复制进去。
在回到之前的github桌面版,会发现仓库里产生了变化,如果没有变可以点一下左边自己仓库下面的 tutorial然后再点回来,再不行就退出重进。产生了变化之后在下面的summary给自己的项目随便起个名字,之后发现下面的 commit to gh-pages可以点击了,点击之。
点击完后,稍等片刻,上面显示0 changes时 点击客户端右上角Sync进行同步。
过一会同步完成后可以登录网页版看看自己制作的文件是不是都上传上去了呢。网上查看时记得将Branch由master切换成gh-pages。之后再登录之前sitting里显示的那个链接是不是我们之前自己制作的呢?
在这里我也希望所有和我一样初入前端的人都能越来越棒,早日摆脱菜鸟的称呼
看完文章别忘了点赞哦
用Github pages搭建自己制作的网页,方法最简单,适用于新手的更多相关文章
- 用Github pages搭建自己制作的网页
本文固定链接http://blog.csdn.net/pspgbhu/article/details/51205264 本人自学前端一个多月,写个几个网页想要用来应聘,网上搜各种搭建站点的方法.发现不 ...
- Hexo + Github Pages 搭建个人博客
之前一直想搭建自己的博客,由于自己的懒惰拖到现在.好了,废话不多说!直接上干货! 安装Node.js 安装Git Github Pages配置 安装Hexo及主题设置 进阶篇-高级定制 其它实用功能 ...
- 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程
前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客 ...
- 使用Hexo + GitHub Pages 搭建个人博客
一.前言 之前是在CSDN上写博客的,但是无奈其广告满天飞,还有因为个人不太喜欢CSDN博客里的一些东西,加上看到很多技术大牛都有自己的个人博客,于是乎!便想着搭建一个自己的个人博客.其实之前写博客还 ...
- 用GitHub Pages搭建博客(五)
本篇介绍GitHub Pages自定义域名 在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域 ...
- 7. Github Pages 搭建网站
7. Github Pages 搭建网站 个人站点 访问 https://用户名.github.io 搭建步骤 1) 创建个人站点 -> 新建仓库(注:仓库名必须是[用户名.github. ...
- 【一】Ubuntu14.04+Jekyll+Github Pages搭建静态博客
本系列有五篇:分别是 [一]Ubuntu14.04+Jekyll+Github Pages搭建静态博客:主要是安装方面 [二]jekyll 的使用 :主要是jekyll的配置 [三]Markdown+ ...
- 基于 Hexo + GitHub Pages 搭建个人博客(一)
前言:我的博客写作之路 15 年刚上大学,第一次接触公众号,就萌生了创建一个公众号写点东西,但最终不了了之. 很快到了 16 年,开始接触网上各大博客网站,接触最多的当属 CSDN,萌生了注册一个博客 ...
- 基于 Hexo + GitHub Pages 搭建个人博客(二)
在 基于 Hexo + GitHub Pages 搭建个人博客(一) 这篇文章中,我们已经知道如何使用 Hexo + GitHub Pages 搭建一个个人博客,GitHub 为我们提供了免费的域名和 ...
随机推荐
- 闰秒导致MySQL服务器的CPU sys过高
今天,有个哥们碰到一个问题,他有一个从库,只要是启动MySQL,CPU使用率就非常高,其中sys占比也比较高,具体可见下图. 注意:他的生产环境是物理机,单个CPU,4个Core. 于是,他抓取了CP ...
- [C#][算法] 用菜鸟的思维学习算法 -- 马桶排序、冒泡排序和快速排序
用菜鸟的思维学习算法 -- 马桶排序.冒泡排序和快速排序 [博主]反骨仔 [来源]http://www.cnblogs.com/liqingwen/p/4994261.html 目录 马桶排序(令人 ...
- 免费高效实用的.NET操作Excel组件NPOI(.NET组件介绍之六)
很多的软件项目几乎都包含着对文档的操作,前面已经介绍过两款操作文档的组件,现在介绍一款文档操作的组件NPOI. NPOI可以生成没有安装在您的服务器上的Microsoft Office套件的Excel ...
- Android—万能ListView适配器
ListView是开发中最常用的控件了,但是总是会写重复的代码,浪费时间又没有意义. 最近参考一些资料,发现一个万能ListView适配器,代码量少,节省时间,总结一下分享给大家. 首先有一个自定义的 ...
- iOS开发--ChildViewController实现订单页的切换
先不说废话, 上效果图, 代码量也不大, 也不上传github骗星星了, 你们复制粘贴下代码, 就可以轻而易举的弄出一个小demo. 这个代码的实现并不复杂, 甚至于说非常简单, 就是逻辑有点小绕, ...
- maven打包插件:appassembler
1.打包成bat 打包命令:mvn clean package appassembler:assemble <plugin> <groupId>org.codehaus.moj ...
- SSH免手动输入密码和设置代理
通过使用sshpass将密码写入命令里,直接执行,免去手动密码输入的步骤命令如下: sshpass -p password_abc ssh user_abc@ssh_host -p ssh_port ...
- MongoDB学习笔记~对集合属性的操作
回到目录 $unset清除元素 请注意在单个数组元素上使用$unset的结果可能与你设想的不一样.其结果只是将元素的值设置为null,而非删除整个元素.要想彻底删除某个数组元素,可以用$pull 和$ ...
- nginx安装
nginx工作模式-->1个master+n个worker进程 安装nginx的所需pcre库[用于支持rewrite模块] 下载软件方法: 搜索 pcre download 网址:http: ...
- Jenkins的一个bug-同时build一个项目两次导致失败
我们有一个job A, A只是配置了一些参数,它会去触发模板job B. 我一开始点击构建A, 马上发现参数配置不对,于是撤消了构建,但是我没有发现B已经被触发,我重新配置参数,然后再次构建A,这个时 ...