##1、gitHub Page的的使用
我觉得这边博文写的很清楚,方法、步骤、优缺点以及实例,所以就借用一下啦^_^
[搭建一个免费的,无限流量的Blog](http://www.ruanyifeng.com/blog/2012/08/blogging_with_jekyll.html)
如果要想更简单快捷的生成有逼格的博客,可以参考第2点.

##2、利用jekyll写博客

进入[The Quickest Way to Blog on GitHub Pages](http://jekyllbootstrap.com/)可以整体了解一下gitHub如何使用jekyll的
点击[0 to Blog in 3 Minutes](http://jekyllbootstrap.com/usage/jekyll-quick-start.html) 开始博客创建之旅
2.1、Host on GitHub in 3 Minutes
文章写的很清楚,执行完前面3步自己的博客就算生成好了,而且也有一定的逼格^_^.
2.2、 Run Jekyll Locally
在本地运行jekyll我自己还没有尝试过,感兴趣的可以自己试试,我在Linux上使用,到目前为止就可以了.
2.3、Create a Post
因为在第2步的时候没有在本地安装Jekyll,后面的几个步骤我就写一下我自己是怎么操作的,如果安装了的就直接按照文档上操作就可以了,上面的英语简单易懂^_^.
直接在_posts目录下创建文件夹如core-samples(名字任意,主要是是方便分类,这个是自带的例子),然后创建以日期为首的文件2011-12-29-jekyll-introduction.md
2.4、Create a Page
2.5、Publish
就是
git commit
git push
把更新的文件提交到gitHub上即可,具体的可以参考git的使用方法.
2.6、Customize
让自己的博客看起来更有逼格更个性化一些,jekyll自己准备了几个主题,可以按照上面的方式自己更换,如果自己会点css那就更好了^_^.
我写一下自己更换的方式,跟文档上面不太一样:
2.6.1)、找主题,这一步跟官网一样访问[Theme Explorer](http://themes.jekyllbootstrap.com/)
2.6.2) 、相中合适的主题之后点击 Install Theme 会弹出一个安装方法的弹层,我们只需要那个git地址,将它拷贝到本地时使用,例如我自己使用的这个主题:
git clone git://github.com/jekyllbootstrap/theme-mark-reid.git
2.6.3) 、手动将主题文件下的assets、_includes 拷贝到自己博客对应的目录下,在项目中保持跟下载下来的目录一致。
2.6.4)、更改_layout目录下所有文件的主题名称、include的目录中与主题相关的内容
theme :
name : mark-reid
......
% include themes/mark-reid/page.html %......
2.6.5) 、 找一些颜色搭配比较好看的博客/网站,更改一下自己的css文件。
##3、绑定域名
3.1)、在项目的根目录下创建一个CNAME文件,里面写入自己绑定的域名。
3.2)、前往你的DNS服务商新建一个CNAME解析至你的github page个人主页地址(如:tinyCome.github.io)。DNSPod需要多加一个点,即tinyCome.github.io.


3.3)、到自己购买域名的地方修改DNS服务。(自己是在阿里云上购买的,修改如下,改为DNSPod上NS提供的记录值)

3.4)、稍等一会儿等待信息同步即可。

[查看我的博客效果](http://rentt.link/)

利用gitHub搭建博客的更多相关文章

  1. 利用hexo搭建博客

    利用Hexo搭建博客 以前用Octopress搭过博客,折腾了好久才弄出来,当时看到那巨难看的默认主题,繁琐的操作,一点写东西的欲望都没了. 一次逛微博,看见了Hexo.尝试了一下,真的很好用哦. 下 ...

  2. hexo+github搭建博客跳坑

    hexo+GitHub搭建博客过程中,hexo安装成功,可以启动和运行,但是访问localhost:4000却无法访问,弄了半天,最后发现是福昕阅读器占用了4000端口 解决办法: 采用命令hexo ...

  3. GitHub搭建博客过程

    1.参考 我的 Github 个人博客是怎样炼成的 http://www.jianshu.com/p/4fd3cb0a11da 到了第三节"三.使用 Jekyll 搭建个人博客"时 ...

  4. 基于Hexo和Github搭建博客

    搭建自己的个人博客. 准备工作 确保电脑需要已下载安装node和npm.查看安装是否成功,windows只需在命令行输入以下两条命令即可. 1 2 $ node -v $ npm -v 安装hexo ...

  5. 使用Hugo和GitHub搭建博客

    折腾了几天博客的框架终于搭建起来了.研究了一番之后,最终还是选择使用Hugo和GitHub来搭建博客.本文介绍了如何使用Hugo来搭建静态博客网站,并将其部署在GitHub上.使用https://&l ...

  6. hexo+github搭建博客(超级详细版,精细入微)

    # 前言 你了解[Hexo]( https://hexo.io/zh-cn/ "Hexo官网")吗? Hexo是一个静态博客框架,基于Node.js,将Markdown文章通过渲染 ...

  7. Hexo+Github搭建博客

    要使用Hexo,需要在你的系统中支持Nodejs以及Git,如果还没有,那就开始安装吧! 安装Node.js 下载Node.js 参考地址:安装Node.js 安装Git 下载地址:http://gi ...

  8. GitHub 搭建博客,出现 hexo g -d 报错

    想搭建一个个人博客,但是在将博客推送到Github上的时候在git bash 下运行hexo g -d命令出现错误: 错误如下:  fatal: HttpRequestException encoun ...

  9. 如何用github搭建博客

    新建项目 创建仓库 仓库名称:一定要是你的用户名+github.io 如:用户名:zhangsan 那么仓库地址: zhangsan,github.io 打开新创建的仓库,点击settings 下拉至 ...

随机推荐

  1. C#中 MD5和SHA1加密代码

    Pwd = FormsAuthentication.HashPasswordForStoringInConfigFile(entity.Pwd, "MD5"); Pwd = For ...

  2. php7安装及配置

    一.下载php-7.0.5http://cn2.php.net/distributions/php-7.0.5.tar.gz 二.解压安装:# tar zxvf php-7.0.5.tar.gz# c ...

  3. youtube视频下载

    开你的电脑,然后打开你的浏览器,浏览器可以是IE.Chrome.Firefox等等   在浏览器中输入这个网址:en.savefrom.net,点击Enter键,进入这个网页:   打开你需要下载的y ...

  4. jQuery DOM 与 原生DOM 互相转换的方法

    jQuery 转 js $('#element').get(0); // 等于 document.getElementById('element'); // 输出 <p id="ele ...

  5. js展开一颗树

    Tree View 指令不支持 树结构数据源, 只支持单层数组.(也许是我没发现,人家可以设置) .我只能把树展开,变成单层数组.然后还要记录已经递归到第一层了.比如这样. <!doctype ...

  6. Java 使用jaxp修改节点

    <?xml version="1.0" encoding="UTF-8" standalone="no"?> <perso ...

  7. Linux Server 14.04输入数字变为了*

    虚拟机装好了Ubuntu14.04后,大键盘上边的数字输入时变为了*(奇葩的加密吗?!!) 从网上看到别人都遇到的是小键盘输入数字时,会变为字符,我这小键盘却是没问题,大键盘有问题奇葩. 如果小键盘输 ...

  8. sdutoj 2605 A^X mod P

    http://acm.sdut.edu.cn/sdutoj/problem.php?action=showproblem&problemid=2605 A^X mod P Time Limit ...

  9. BZOJ 2594: [Wc2006]水管局长数据加强版(kruskal + LCT)

    Description SC省MY市有着庞大的地下水管网络,嘟嘟是MY市的水管局长(就是管水管的啦),嘟嘟作为水管局长的工作就是:每天供水公司可能要将一定量的水从x处送往y处,嘟嘟需要为供水公司找到一 ...

  10. innerHTML

    对于innerHTML 属性,几乎所有的元素都有innerHTML属性,它是一个字符串,用来设置或获取位于对象起始和结束标签内的HTML.(获取HTML当前标签的起始和结束里面的内容) 下面的例子返回 ...