文档章节

GitHub上搭建个人网站

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

大致如下步骤:

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
海淀
程序员
使用Hexo搭建GitHub博客(2018年Mac版)

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

wavky
08/14
0
0
使用GitHub Pages搭建博客

使用GitHub Pages搭建博客 14 Jan 2015 新的一年开始,一定要做点美好的事情。GitHub 是一个开源项目的托管网站,相信很多人都听过。在上面有很多高质量的项目代码,我们也可以把自己的项目代...

新年
2015/08/31
3K
0
如何不购买服务器,域名+解析+GitHub来搭建自己的个人网站

域名+解析+GitHub来搭建自己的个人网站 标签: GitHub使用技巧 网站搭建 摘要 本文主要介绍如何申请注册域名,使用GitHub上的开源项目来搭建一个网站/个人博客。由于无需购买服务器,所以没有...

Geek笑点低
03/12
0
0
Jekyll + Github = 简单搭建一个个人博客

在我成功试水,搭建了自己的个人博客后,我体会到了 Jekyll 制作网站的轻便性。而 GitHub Pages 对 Jekyll 的支持,又省去了建站时服务器和域名的搭建过程。在查阅网上的资料时,大牛们都是先...

cometeme
08/20
0
0
用HEXO在Github建立个人博客

以前写过在Github创建个人专属名片, 有人提问在GitHub建立网站是怎么一回事? 在github建立的博客大多是一些静态的页面, 每次更新内容需要手动生成页面, 然后push到github, 我研究了一下可以自...

木子昭
07/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

mysql 数据类型及占用字节数

数字类型 TINYINT                           1 字节 SMALLINT                          2 个字节 MEDIUMINT                         3 个字节...

会游泳的鱼_
54分钟前
3
0
高性能mysql:创建高性能的索引

性能优化简介 MySQL性能定义为完成某件任务所需要的时间量度,换句话说,性能即响应时间,这是一个非常重要的原则。我们通过任务和时间而不是资源来测量性能。数据库服务器的目的是执行SQL语...

背后的辛酸
今天
6
0
HTTP get、post 中请求json与map传参格式

import java.io.IOException;import java.net.URI;import java.net.URISyntaxException;import java.nio.charset.Charset;import java.util.ArrayList;import java.util.List;im......

寒风中的独狼
今天
3
0
IDEA中tomcat启动慢 耗时10分钟

用idea中的tomcat以debug模式启动,会非常的慢,而正常启动没啥问题;原因是debug模式中View Breakpoints断点代码,断点的是jar包,而现在启动由于jar包发生变化,导致启动时一直处于等待中。...

GoodMarver
今天
5
0
Linux学习-10月18(awk)

9.6/9.7 awk 一、awk简介   1. awk是一种编程语言,用于对文本和数据进行处理的   2. 具有强大的文本格式化能力   3. 利用命令awk,可以将一些文本整理成为我们想要的样子   4. 命令awk...

wxy丶
今天
3
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部