参考:http://wenku.baidu.com/link?url=hi0nlkIp17HnQQpCkUr3KacZOOVGMOYKYbWzjX_HKJZNZpiRxfGPLuwvUydOVxeZM10e7TiDknWCj2i6qUW1Kzu-GWHL_WPYYSCuBBxDhxq

http://www.docin.com/p-888648541.html

以上是同一篇文章:GitHub+markdown+jekyll打造完美个人博客

 

 

本文主要介绍以下几个内容:

1、使用githbu创建自己的博客

2、将博客域名映射到自己的域名

3、使用 jekyll+markdown写作

 

一、使用github创建自己的博客

具体可参考https://pages.github.com/

1、在github上创建一个repository,名称为username.github.com的形式,如lujinhong.github.com

2、下载github for mac : https://pages.github.com/#setup-in-desktop,第一次运行时会提示输入github的账户信息

3、点击github for mac左上角的+号,然后选择clone,将刚才创建的repository clone到本地。

4、选择你喜欢的编辑器,在刚才clone到本地的目录下创建index.html,文件内容为:

<!DOCTYPE html>

<html>

<body>

<h1>Hello World</h1>

<p>I'm hosted with GitHub Pages.</p>

</body>

</html>

5、打开github for mac,会发现changes那里变成了1 changes,填入comment,然后commit to master。

6、此时文件已经commit到本地库,然后unsynced那里变成了1 unsynced,点击右上角的sync,就会将内容同步到github。

7、打开页面,username.github.io,就可看到你刚才写的页面:

 

大功告成。

 

二、将博客映射到自己的域名

参考https://help.github.com/articles/adding-a-cname-file-to-your-repository/

 

1、到万网去购买域名,如lujinhong.com

2、在github repository根目录下新建一个叫CNAME的文件,内容如下:

lujinhong.com

当然可以是blog.lujinhong.com等二级域名,但不能有前面的http,www等前缀,也不能有/,而且文件名必须大写。

可以在github页面上直接创建文件,也可以使用github for mac等工具。

 

3、下一步需要设置lujinhong.com指向lujinhong.github.io。到万网去设置域名解析,内容如下:

 

CNAME blog 默认 lujinhong.lofter.com -- 10分钟   修改|暂停|删除|备注
CNAME * 默认 lujinhong.lofter.com -- 10分钟   修改|暂停|删除|备注
CNAME www 默认 lujinhong.lofter.com -- 10分钟   修改|暂停|删除|备注

 

好,完成了,等待几分钟,

访问lujinhong.github.io,会自动跳转到www.lujinhong.com

或者直接访问www.lujinhong.com

 

 

 

 

 

 

 

 

使用github pages创建博客的更多相关文章

  1. 使用Jekyll搭建免费的Github Pages个人博客

    一.Git 1.Git概述 Git is a free and open source distributed version control system designed to handle ev ...

  2. 可能是最详细的 Hexo + GitHub Pages 搭建博客的教程

    前言:博主目前大三,Web 前端爱好者.写博客的好处,不是为了写而写,而是一个记录思想的过程.不要考虑它能带给你什么,而是你自己从中收获了什么. 最近刚好有空,于是就参照网上的各种教程,搭建了一个博客 ...

  3. Github pages + jekyll 博客快速搭建

    Github pages + jekyll 博客快速搭建 寻找喜欢的模版 https://github.com/jekyll/jekyll/wiki/sites http://jekyllthemes ...

  4. 使用vuepress搭建GitHub pages静态博客页面

    vuepress官网 vuepress是尤大开发来写文档的静态页面.可以用Markdown 语法,并且也可以使用vue模块化的方式开发页面. vuepress-theme-reco 是另外的开发者开发 ...

  5. 用GitHub Pages搭建博客(七)

    本篇介绍百度统计.百度搜索 一般来讲,部署了一个网站后,我们需要知道网站的浏览量,以便知道网站是否有人访问. 在Jekyll的模板中,由于国外开发者更多,一般的主题默认都开发了谷歌统计(Google ...

  6. 用GitHub Pages搭建博客(五)

    本篇介绍GitHub Pages自定义域名 在用GitHub Pages搭建博客(二)中介绍到,默认的GitHub Pages域名就是仓库地址,即: 账号名.github.io 如果我们要使用自定义域 ...

  7. 用GitHub Pages搭建博客(六)

    本篇介绍GitHub Pages网站加速 在上一篇提到如何对GitHub Pages配置自定义域名.其实,不论GitHub Pages的默认域名还是自定义域名,都使用了GitHub的CDN进行加速,虽 ...

  8. 使用jekyll和prose在github上创建博客

    利用github的pages服务可以很方便地显示和管理我们的静态页面,这样用来做博客是非常适合的. 1.首先你要有一个github的帐号 2.创建一个repo,名字叫username.github.i ...

  9. Hexo + GitHub Pages搭建博客

    搭建 Node.js 环境 为什么要搭建 Node.js 环境? – 因为 Hexo 博客系统是基于 Node.js 编写的 Node.js 是一个基于 Chrome V8 引擎的 JavaScrip ...

随机推荐

  1. 76.QT槽的机制

    按钮点击获取文本框输入 void Dialog::on_pushButton_clicked() { //获取文本输入 QString vstr = ui->lineEdit->text( ...

  2. 洛谷P1908 逆序对(归并排序)

    题目描述 猫猫TOM和小老鼠JERRY最近又较量上了,但是毕竟都是成年人,他们已经不喜欢再玩那种你追我赶的游戏,现在他们喜欢玩统计.最近,TOM老猫查阅到一个人类称之为“逆序对”的东西,这东西是这样定 ...

  3. 荣获CCF(中国计算机学会)高级会员代表资格

    详细地址:http://www.ccf.org.cn/sites/ccf/xjhydb.jsp?contentId=2624287722908 650) this.width=650;" b ...

  4. janos.io

    http://janos.io/ https://developer.mozilla.org/en-US/Firefox_OS/Developing_Firefox_OS/Porting

  5. 【习题 8-4 UVA - 11491】Erasing and Winning

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 考虑删掉第i位. 则第i+1位就会取代第i位. 则肯定第i+1位比第i位大的话,才比较好. 则从小到大贪心删,找到第一个a[i+1] ...

  6. poppler交叉编译

    项目须要生成和打开pdf文件,编译了pdflib库,能够使用.可是上面有水印. ..假设是商业用途去水印的话须要获得许可. 没办法.换呗. 然后就是poppler,这个库的功能非常强大,里面更是增加了 ...

  7. android-Preference 风格调整

    <CheckBoxPreference android:defaultValue="false" android:layout="?android:attr/pre ...

  8. javascript类型系统之基本数据类型与包装类型

    javascript的数据类型可以分为两种:原始类型和引用类型 原始类型也称为基本类型或简单类型,因为其占据空间固定,是简单的数据段,为了便于提升变量查询速度,将其存储在栈(stack)中(按值访问) ...

  9. Vue Cli 打包之后静态资源路径不对的解决方法

    cli2版本: 将 config/index.js 里的 assetsPublicPath 的值改为 './' . build: { ... assetsPublicPath: './', ... } ...

  10. android通用JSON解析

    ackage cn.com.pcgroup.<a href="http://lib.csdn.net/base/15" class="replace_word&qu ...