GitHub上搭建个人网站
大致如下步骤:
1、注册Git账号
2、创建SSH keys
3、新建repository
---
4、设置网站
5、clone库到本地
6、提交、上传
7、预览
本教程默认你了解GitHub的基础之上 会使用基本命令,如果不了解 前三步可参考文章:
一、新建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
GitHub上搭建个人网站的更多相关文章
- 在Github上搭建自己的博客(Windows平台)
折腾了好久,终于在Github上搭建了自己的博客.这里面总结一下过程希望对大家能有所帮助. Github建博优缺点 和 csdn,新浪,网易相比,在Github上可以自己实现功能 和阿里云,VPS相比 ...
- Github+Hexo,搭建专属网站
前言 记得从大二开始,就一直想搭个专属网站,当时使劲抠页面[前端页面是从QQ空间抠的,现在想抠估计没这么容易了],写代码,忙活半天才把程序弄好. 可惜最终项目还是没上线,因为当时有两问题绕不开 需要购 ...
- GitHub+Hexo 搭建个人网站
GitHub+Hexo 搭建个人网站 转自 https://www.sufaith.com/article/561.html 一.创建GitHub Pages站点 GitHub Pages是一种静态站 ...
- GitHub+Hexo 搭建个人网站详细教程
原文链接 GitHub+Hexo 搭建个人网站详细教程 前言: 随着互联网浪潮的翻腾,国内外涌现出越来越多优秀的社交网站让用户分享信息更加便捷.然后,如果你是一个不甘寂寞的程序猿(媛),是否也想要搭建 ...
- 基于Hexo且在GitHub上搭建博客
title: 基于Hexo且在GitHub上搭建博客 Welcome to Fofade's Blog! 搭建初衷 大大小小,大学两年,玩了很多,也学了很多. 回首望之,曾经不知道的,现在是知道了,但 ...
- 在github上搭建个人博客并在线更新
换博客比更博还勤的我终于决定写一篇博客搭建教程了.. FAQ Q:\(hexo\)需要本地编译.\(jekyll\)虽然可以直接上传\(md\)..但是如果在github上直接编译也太难受了叭,毕竟不 ...
- 用Hexo在GitHub上搭建个人博客
我用Hexo在GitHub上搭建好了自己的博客,我的这第一篇博客就来说说搭建的过程. 1 环境配置 本文使用环境如下: Windows 10 node.js v8.1.3 git v2.13.2 np ...
- 记github上搭建独立域名的免费博客的方法过程
前提:拥有github帐号,linux上安装好了git. 全局路线: 1. 设计一个你想要的二级域名,并在git上创建一个以[二级域名.github.com]作为项目名的repository. 过程详 ...
- 利用Octopress在Github上搭建博客及后续问题总汇
首先贴一下我的新博客地址: http://findingsea.github.io 用Octopress在GitHub上搭建博客已经不是什么新鲜事了,网上的教程也多了去了,大题的方法什么都差不多,这篇 ...
随机推荐
- MAC使用小技巧(一)
[ Mac OS X 终端命令开启功能 ] 1.Lion下显示资源库方法一:显示在“终端”中输入下面的命令:chflags nohidden ~/Library/ 隐藏在“终端”中输入下面的命令:ch ...
- 【百度地图API】当地址解析失败时,如何调用search方法查找地址
原文:[百度地图API]当地址解析失败时,如何调用search方法查找地址 有个朋友问我,当地址解析失败时,应该如何处理呢?比如,他想搜索“南宁市青秀区”. --------------------- ...
- hdu - 3049 - Data Processing(乘法逆元)
题意:N(N<=40000)个数n1, n2, ..., nN (ni<=N),求(2 ^ n1 + 2 ^ n2 + ... + 2 ^nN) / N % 1000003. 题目链接:h ...
- ThinkPad E431/E531 ubuntu 14.04 安装无线网卡驱动
ubuntu系统装好之后无限网卡驱动并不能用.须要自己下载无线网卡驱动.以下是最简单的方法: sudo apt-get install linux-headers-generic build-esse ...
- SQL点滴29—错误无处不在
原文:SQL点滴29-错误无处不在 我只想说以下是很基础的sql知识,但是很容易犯错.所以睁大我们的眼睛,屏住我们的呼吸,小心的检查吧! 案例1if not exists (select OrderI ...
- PHP 5:PHP语法导向
原文:PHP 5:PHP语法导向 代码 ...
- Linux下使用cat制作“内涵图”
http://blog.csdn.net/odaynot/article/details/7939869
- leetcode[86] Scramble String
将一个单词按照这种方式分: Below is one possible representation of s1 = "great": great / \ gr eat / \ / ...
- 33、Python.Unix和Linux系统管理指南.(美)基弗特
- Android 简介:Android SDK 和开发框架简介
理解Android软件栈: 库: C/C++库(libc,SSL) Android 运行时可以让Android手机从本质上与一个移动Linux实现区分开来.Dalvik并不是Java虚拟机,是一个基于 ...