文档章节

GitHub上搭建个人网站

猪刚烈
 猪刚烈
发布于 2014/10/12 11:49
字数 596
阅读 37
收藏 0

码上生花,ECharts 作品展示赛正式启动!>>>

大致如下步骤:

1、注册Git账号

2、创建SSH keys

3、新建repository

---

4、设置网站

5、clone库到本地

6、提交、上传

7、预览

本教程默认你了解GitHub的基础之上 会使用基本命令如果不了解 前三步可参考文章:

GitHub入门教程   GitHub创建SSH Keys


一、新建repository(仓库),如下

填写名称,描述信息 其他默认 然后提交即可。


二、设置网站

Create之后跳转新页面,点击右方Settings设置

在Options选项卡中我们找到GitHub Pages点击"Automatic page generator"

我们看到跳转的页面:

Project name:网站标题

Tagline:网站副标题

Body:网页源码

Google Analytics Tracking ID:搜索引擎抓取关键字

以上这些我们都可以自定义,暂默认即可。

填完后,点击"Continue to Layouts" 选择自己的博客主题

然后点击"Publish page"成功之后回到项目页面可以看到自动生成的一些文件

接下来我们就可以在浏览器中输入http://itmyline.github.io/blog来预览一下

itmyline:用户名, blog:项目名

提示:404错误。稍等10分钟

PS:等了漫长的十分钟,刷新页面 我们blob的主页面就显示出来了。

(如果一直显示404,就要检查你是否验证邮箱了,如果没有,到你账户去进行验证)

可这个主页的内容和样式都不是我们想要的,如何破。我们可以上传我们自己的项目

下面以一个简单的Bootstrap网站模板为例...


三、clone(克隆)代码、修改

在任意盘根目录下(本例为D盘)把代码clone下来

$ git clone git@github.com:itmyline/blog.git

然后在D盘我们就会看到clone下来的代码


接下来把我们要上传的文件复制到此目录下

本例中新增了css、js文件夹及覆盖index.html


四、提交、上传

进入D\blog目录,右键Git Bash 打开命令行

$ git branch
* gh-pages
查看当前分支为gh-pages

接下来:

$ git add .
$ git commit -m "blog"
$ git remote add origin git@github.com:itmyline/blog.git
$ git push -u origin gh-pages

进入GitHub查看 我们新增的文件都出来了。



浏览器输入地址http://itmyline.github.io/blog/ 即可预览我们搭建的网站。





OK,大功告成!


作者:itmyhome

出处:http://blog.csdn.net/itmyhome1990/article/details/39697659




本文转载自:http://blog.csdn.net/itmyhome1990/article/details/39697659

猪刚烈

猪刚烈

粉丝 22
博文 708
码字总数 110
作品 1
海淀
程序员
私信 提问
加载中
请先登录后再评论。
使用github搭建个人html网站

前言:搭建个人网站早就想做了,最近有空就宅在家学习,突然发现github就可以搭建个人的纯html网站,于是开始了这项工作。转载请注明出处:https://www.cnblogs.com/yuxiaole/p/9350962.html...

osc_kjmfkyv9
2018/07/22
5
0
使用jekyll和Github搭建个人博客

一.使用jekyll和Github三步搭建个人博客 在 Github 上建一个库,库的名字是xxx.github.com,其中的xxx是你的github的账号名(图中标注的不要勾选) 注:如果没有Github账号,需要注册一个,进...

osc_l26z0337
2018/05/21
2
0
gitLab的使用 和 git 、 github、gitlab的区别

一、git 、 github、gitlab的区别 (百度相关内容得到的理解) 二、git最基本作用:版本控制 三、有集成了git的GIT安装包 github和gitlab都使用git该版本控制系统,来实现对代码的管理。 所以...

osc_z7d2bxvl
2019/01/30
3
0
0成本搭建个人技术博客和个人网站

摘要: 首先送上我的个人博客先睹为快 鲁边的个人博客 说说搭建个人博客的初衷,前段时间发现自己在博客网站上的文章配图没了,感觉很不可思议,就萌生了这样的想法,但真正驱使我去行动起来的原因...

osc_2kahpclc
01/12
11
0
使用Hexo搭建GitHub博客(2018年Mac版)

关于本文 本文仅记录自己学习搭建Hexo博客之时,搭建过程中掉坑的历程总结,对零基础起步的观众朋友可能缺乏某些基础技术的指导,请优先食用下述两篇优质教程: 【2018更新】小白独立搭建博客...

wavky
2018/08/14
0
0

没有更多内容

加载失败,请刷新页面

加载更多

腾讯2020年Java实习生面试,15天后已拿offer,激动!

近期收到很多小伙伴发来的面试题,因为有很多大小厂的面试题,所以我这也大概整理总结了一下,把那些比较典型有特色且面试内容比较广泛对大家都有用处的面试题汇总了一下。以下便是汇总好的几...

osc_6i7redvq
26分钟前
16
0
Python: strip()和split()的用法与区别

一.strip() strip用于字符串头部和尾部的指定字符串,默认为空格或换行符。 比如我们有字符串: str="123123\n" 我们使用strip方法:: str.strip() 因此将会输出: 'asdasdasd' 我们可以看到尾...

osc_sbtpzgv1
28分钟前
19
0
面了一个工作4年的程序员,这个些面试题一个都答不上来

最近有很多朋友去目前主流的大型互联网公司面试(阿里巴巴、京东、字节跳动、蚂蚁金服、滴滴),面试回来之后会发给我一些面试题。有些朋友轻松过关,拿到offer,但是有一些是来询问我答案的...

osc_mpdswsal
29分钟前
19
0
迅捷CAD转换器怎么将PDF文档转成CAD?

在设计行业的伙伴们想必会对CAD文件进行各种格式转换,比如DXF和DWG互转、高低版本文件互转、PDF转为CAD等。面对一系列的文件转换问题,该用什么软件才好呢?今天小张向大家介绍一款实用的软...

真不莲
29分钟前
23
0
sourceTree使用

1.保证本地分支(看小圆圈)跟踪远程master分支 2.拉取前需要双击分支 现在是在master分支上(看小圆圈) 【【双击切换分支】】,让本地分支(看小圆圈)和master分支同步...

osc_63i522q0
30分钟前
22
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部