文档章节

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
用HEXO在Github建立个人博客

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

木子昭
07/28
0
0
git文章列表

关于gitlab默认clone协议 Git实现从本地添加项目到远程仓库 翻翻git之---一个简单的标签控件 LabelView (随手发了两张小宝宝的玩耍照) Git 项目推荐 | Java 版微信普通号机器人 翻翻git之---...

d_watson
2016/04/20
26
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

使用esp8266制作wifi干扰器

概述 这个东西,说真的对现在的无线网络环境影响其实不是很大了,首先它只能玩2.4ghz的无线,其次这个模块不是特别的可靠,运行的时候温度会很高,买来玩玩还是可以的 什么是esp8266 ESP8266...

bboysoulcn
10分钟前
0
0
以太坊总结

一、概念说明 1.以太坊(Ethereum blockchain)由V神(Vitalik Buterin)发明,是一个交易记录的永久数据库,它以一个“无信任”的交易系统来运行,不需要任何第三方信任机构即可进行点对点的...

盼望明天
34分钟前
1
0
Java并发工具类——AtomicInteger

基本类型int的递增等操作并不是线程安全的,加上synchronized又会影响性能,因此在并发情况下我们应该使用AtomicInteger,下面通过一个例子验证一哈。 public class TestAtomicInteger {...

东都大狼狗
36分钟前
1
0
基于CentOS7.2系统对RabbitMQ单机版安装过程

准备虚拟机系统 我的系统如下 系统版本7.2 安装perl yum install perl 安装wget工具 yum install -y wget 安装相关依赖工具 yum install ncurses ncurses-base ncurses-devel ncurses-libs ...

凌晨一点
40分钟前
1
0
Maven常用命令

Maven常用命令 说到命令,则不得不提一下环境变量,在之前的博文中简单提了一下环境变量的配置,这里具体说一下。说完环境变量的配置,然后就是Maven的常用命令,这里说的是常用的几个命令,...

星汉
57分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部