参考: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. POJ 2457 BFS

    题意: 说人话: 从A到B连边 找从1到k的最短路 并输出路径(随便一条即可 ) 如果不能到达 输出-1 思路: 搜 //By SiriusRen #include <queue> #in ...

  2. 深入理解Android(4)——理解Android中的JNI(下)

    在前面文章中简单介绍了JNI,这一篇文章来简单看一下jni.h中定义的一些常用方法,来实现通过C++调用Android中的Java代码. 转载请说明出处:http://blog.csdn.net/da ...

  3. Kinect 开发 —— 手势识别(下)

    基本手势追踪 手部追踪在技术上和手势识别不同,但是它和手势识别中用到的一些基本方法是一样的.在开发一个具体的手势控件之前,我们先建立一个可重用的追踪手部运动的类库以方便我们后续开发.这个手部追踪类库包 ...

  4. 【Educational Codeforces Round 36 D】 Almost Acyclic Graph

    [链接] 我是链接,点我呀:) [题意] 在这里输入题意 [题解] 找到任意一个环. 然后枚举删掉其中的某一条边即可. (因为肯定要删掉这个环的,那么方法自然就是删掉其中的某一条边 (其它环,如果都包 ...

  5. CCNP路由实验之十五 NAT(网络地址转换)

     CCNP路由实验之十五 NAT(网络地址转换) 众所周知,要让自己的电脑连上Internet,必须要到运营商(ISP)申请一个上网账号,依据此账号申请自己的宽频业务(拨号上网.商业固定IP等等) ...

  6. 27.mutex跨进程通信

    创建互斥量mutex HANDLE mutex = CreateMutexA(NULL, TRUE, name); 根据id打开mutex HANDLE mutex = OpenMutexA(MUTE ...

  7. JS/CSS 在屏幕底部弹出消息

    <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title> ...

  8. codeforces 204E. Little Elephant and Strings(广义后缀自动机,Parent树)

    传送门在这里. 大意: 给一堆字符串,询问每个字符串有多少子串在所有字符串中出现K次以上. 解题思路: 这种子串问题一定要见后缀自动机Parent树Dfs序统计出现次数都是套路了吧. 这道题统计子串个 ...

  9. django 简单会议室预约(5)

    再来看看views.py的后半部分,对数据库的增删改查 #获取学院列表 def get_acad_list(): room_list = ConfeRoom.objects.all() #对数据库的操 ...

  10. android adb常见问题的解决方法!

    ** adb的常见问题     adb:android debug bridge,用于连接模拟器/手机与PC端软件(比如:eclipse或者xx手机助手)     adb devices -> ...