如何在一天之内搭建以你自己名字为域名且具备cool属性的个人博客
对程序员而言，最好的简历就是个人博客和GitHub
零、个人博客
每个优秀的程序员都会有个人独占的一方网络空间，那里是他个人的舞台，听说过他的人会逐渐汇聚进来，认识他，熟悉他，鼓励他，赞扬他。而对他个人而言，他有了一个可以畅所欲言的小房间，他可以专研学术，聊聊情怀。同时和喜爱他的读者成为好友，共同成长。
这难道不是一件很cool的事情吗?
一、先看成果
教方法前先来看看最终的效果吧。是本人搭建的个人博客，可作为模版参照，主要特性有以下几点：
1. 个人域名:
2. 无需购置服务器，本站同时挂载在Github Pages 和 GitCafe Pages上，免服务器费的同时还能做负载均衡，想想还有点小激动
3. 在GitHub上同时管理你的博客和相应代码，再也不用担心博客遗失
4. SSL支持，即"http://" -& "https://"，更安全也更高大上
二、再看兵器
博客框架：Hexo 3，这是一款能快速、简洁且高效的博客框架，支持Markdown编辑，自动渲染出漂亮的静态页面。
前端主题：Next，效果参考
域名购买：类似万网的平台都可以，你可以选购自己名字的域名，一年几十元左右，两杯咖啡的钱。
SSL：CloudFlare
三、抄起家伙
本文写作方式是安装流程主线 + 优质参考文章。由于网络上关于Hexo搭建博客的教程玲琅满目，若读者完全自己动手则要一篇篇找，浪费时间走弯路;相反，若作者悉数摘抄进来，反倒未必符合各人情况，且不利阅读。
所以，主线讲解思路，参考深入阅读。
下文以搭建
个人博客为例。
1. GitHub Pages
在不购买服务器的前提下，我们的网站需要挂在GitHub Pages上。
你需要拥有一个GitHub账号，去完成新手任务吧。
进入GitHub Pages，一步步做，完成后就能在浏览器打开http://wingjay.github.io了。
至此，我们已经利用GitHub Pages搭建好了个人博客雏形了。下面要做的，就是个性化了。
2. 安装Hexo博客框架
经过上面步骤，我们已经拥有了一个初步域名：http://username.github.io 加一个免费网络空间了。好比房间有了，但还没有任何家具。所以下面我们需要把空白的博客丰富起来。
放心，不需要你手写一大堆html、css文件，也不用找jQuery来实现酷炫的页面效果。Hexo是一款博客框架，它会帮我们搭建。
i. 安装Hexo
参考中文文档或英文文档。完成该步后，你的电脑便拥有了Git、Node.js和Hexo。
ii. GitHub管理
为了让自己未来的博客和代码处在git管理之下，我们要把刚刚在Github上博客项目拉到本地。如本人创建的/wingjay/wingjay.github.io，在本地创建文件夹，名字任意，此处设为myblog，进入该文件夹，把项目代码clone下来。
git clone /wingjay/wingjay.github.io
好了，此时会自动在myblog目录下创建子文件夹wingjay.github.io,那里就是我们博客的代码，以后的操作都在git的管理之下了，此时默认的branch为master。
iii. 初始化Hexo
请参考文档。init命令中的就是文件夹wingjay.github.io。初始化后，wingjay.github.io里面就已经有完整的Hexo框架了。
iv. 熟悉Hexo
为了让读者快速了解Hexo，我作几个简单介绍吧。当然，更多的还是需要仔细阅读文档才能了解更详细。
Hexo目录结构
_config.yml是整体的配置文件，很多基础配置、插件配置等都需要在里面进行。要注意的是，该文件格式要求极为严格，缺少一个空格都会导致运行错误。小提示：不要用Tab缩进，用两个空格符。
layout，包括draft(草稿)、page(页面)、post(文章)。这个就是三种文件的基本格式，其中post是你发表的文章，会显示在你的网站里，一篇post会包括title标题、date日期、tags标签等信息;draft是草稿，只有你在本地能看到，必须要publish后才能成为post，draft和post差别是date，因为draft没有发表，所以不需要指定日期。page是一个页面，对应一个新的html页面，比如博客内容展示页是一个页面，留言本也是一个页面。
public文件夹，这个文件夹是最终会发布到网站上的真实内容。怎么理解呢?我们可以把public文件夹当作是真正的被用户看到的，而其他的source、themes等都是为public服务的。Hexo里有一个很重要的指令hexo generate，这个指令就是利用所有代码里的配置信息、source里写的文章、themes里的样式，共同生成最终的静态html文件，存入public文件夹内。在我们执行了发布指令hexo deploy后，就会把public的内容部署到GitHub Pages上。当用户在访问我们的博客时，他们会看到public里生成的html文件。这个概念非常重要，即代码和真实静态页面是独立的。
generate和deploy，generate会把我们的配置、文章和主题结合起来生成一堆酷炫的html静态文件放在public里面。但此时用户还看不到本地public文件里的页面，我们必须用后一个指令deploy才能把静态文件部署到GitHub Pages上。不过，在部署前，需要配置让它自动部署到我们前面创建的Github项目中。
deploy相关配置。为了能够让项目自动把public文件夹的内容部署到GitHub项目中，我们可以按部署文档进行配置，其中选择的branch为master。此后，每次运行deploy后，项目就会自动把public文件夹内容全部覆盖到当前的GitHub项目master分支上。
代码和静态文件分开管理。根据上面知道，每次部署后，public文件内容会覆盖掉项目整个master分支。这样可以实现网站静态文件的版本控制，但是，仔细对比这个master分支，我们会发现里面只剩下静态文件了，我们的代码比如source、themes统统没有了，这就导致无法对代码进行版本管理了。这意味着我换一台电脑，我就再也找不到代码了，只剩下一堆之前编译出来的静态文件。所以，为了对代码也进行版本控制，我们创建一个新的分支：code，然后在这个分支里进行代码控制，master里则保存部署的新的静态文件。大家可以自行比对这两个branch的内容差异。
v. 配置Hexo
做一些基础配置即可，请参考配置文档
到这里，我们已经完成了hexo的配置，我们可以分别管理代码和静态文件。执行deploy操作后，刷新你的网页 http://username.github.io 你就能看到默认的内容了。
但此时还是默认主题，不够美观，所以下一步要配置Next主题。
3. 配置主题Next
Hexo主题非常多，可以参考丰富多彩的Hexo主题，本文选Next为主题，样式参考我的博客。
进入配置阶段，最好的文档还是官方文档，简单得不能再细致了。下面只提几点注意：
第三方评论系统。评论系统很重要，你可以与读者进行更多交流，配置也简单，建议采用DISQUS，更国际化一点，配置见此。另外，前期建议开启不登陆评论，即在Disqus的Comment Rule里允许Guest comment。
创建留言板。熟悉page的创建与使用，参考这里
给自己博客做SEO。有好的SEO便于搜索引擎索引你的网站，随着以后读者增多，他们可以更好搜索到你的网站。具体方法见此
4. 替换自己的域名
好了，经过上面的步骤，博客已经拥有了一个全新的主题啦。
下面，我们要对域名 http://wingjay.github.io 下手啦。
i. 购买域名
速速前往万网或相关域名购买网站，按自己名字挑选一个闪闪发光的个人域名吧!
ii. 域名解析_1
以购买的域名为例，我们希望在访问这个域名时能自动进入Github Pages，所以我们要在万网建立一个CNAME纪录来帮我们做一个域名跳转： -& wingjay.github.io， -& wingjay.github.io。添加方法参考这里，添加后可以看到两条记录：
然后万网会在世界各地的DNS服务器上添加这两条记录，当用户访问时会自动去访问wingjay.github.io。
iii. 域名解析_2
但是，此时并不能成功访问，因为Github Pages是有限制的，它不允许任意域名都跳转过来，而是只限制一个域名，而且这个域名必须声明在CNAME文件中。
所以，我们需要添加一个CNAME文件到项目的master中才行，参考这里。读者可以参考本人的CNAME文件内容。
不过，对于Hexo 3，这里有一个坑要注意：大家应该还记得上文说的，master分支里的内容都是自动生成的，而且会完全覆盖之前的内容。如果我们直接创建一个新文件CNAME，填好域名。但会发现在下一次部署后这个文件就消失了。不用惊讶，因为hexo并不会自动生成CNAME文件，所以在部署时被覆盖删除了。
所以，我们就需要这个CNAME工具hexo-generator-cname，这时会自动在public里生成一个CNAME文件，把你的域名加进去再部署一下吧!
5. HTTP -& HTTPS
HTTPS是安全版的HTTP协议，它在http协议与TCP之间加入SSL层，采用端口443，不仅会对传输数据加密，还会进行身份验证。当然个人博客并没有强制性要求采用该协议，这也只是本人的好奇而为。
目前Github Pages已经支持https了，但是不支持自定义证书。不过我们可以利用CloudFlare来实现。具体实现可以参考这里。
说明：po主网站的https正处在申请中
经过上面的步骤，我们已经能够通过访问自己的域名进入自己酷炫的博客了。本文的任务也就告一段落。
除了上面的功能，本人还完成了支持双域名同时登陆，其中，支持双域名的解决思路是考虑到Github Pages的CNAME纪录只允许添加一个域名，所以本人又在Gitcafe上部署了一套。不过考虑到这点大家不一定能用的上，就没有做介绍，有需要的话可以看下文的联系方式联系我。
延伸阅读：
注：相关网站建设技巧阅读请移步到频道。
看过本文的人还看过
最新图文推荐
最新专栏文章
大家感兴趣的内容
网友热评的文章中国知名个人站长网站排行榜 - 站长茶馆
欢迎您来访百万站官网主页!&
每一个网站背后都有一个故事!&
您当前位置：
百万站官网资料-中国知名个人站长网站排行榜
本类最新播报：中国知名个人站长网站排行榜
　　个人站长的定义，是以强调以个人为中心，或个人为核心起点，发展起来的网站，例如先期的265 和51 ，都是以个人的力量发展起来，先期成为个人网站，后期发展为企业团队为核心力量发展的，称为企业网站。 国内个人网站风风火火，这群最优秀的小伙子，甚至网络上搜不到他们的名字和照片，但是他们以个人的力量打造了中国网络网站的半壁江山。
　　Top1： (中文排行第25名)4399游戏 为李兴平所作，他以前hao123 和qq163占领国内网站流量1% 他一个人创造的网站流量超过sina 与163 的3000人创造的流量总和。hao123卖给baidu以后，李兴平同时又做了其他几个网站，目前已经又都流量居高。
　　李兴平堪称为中国第一个人站长，top500中文网站中，他的个人旗下还有 hao123 中文排行第5;qq163 中文排行223名;ip138 中文排行 192名 ;3533手机网 中文排行153名;FLASH130 动漫、FLASH在线欣赏。 f130.net (中文排名338名)
　　Top2 ：
(中文排行第33名)verycd分享互联网的黄一孟 创始人，精通技术，是Google崇拜者，1982年生于上海，前国家二级运动员(篮球)，初中开始接触计算机，高一时参加了少科站的Pascal培训后正式入门，从此决定投生于IT行业。创办了目前在国内拥有相当用户数量的P2P型VeryCD网站。现在该网站每日访问量(PV)达数千万之多，配套之客户端软件“电骡”每天安装数量达数十万之多。通过个人网站，将公司发展壮大，并获得了众多风险投资商的青睐。获得过国内多家知名媒体的报道，也是2005年中国十大个人网站第一名
　　Top3:
(中文排行第47名) 一听音乐 2003年，在风景秀丽的江南某大学，一个大二男生坐在嘈杂的食堂吃完他在这里的最后一顿午餐，决定暂时离开这个为了寻梦来到的地方。
　　第二天他就踏上了开往上海的火车。随行的除了基本的生活用品，就只有一台笔记本电脑和十年来收集起来的几百张CD。在上海，他住到了一个朋友的宿舍，两人开始了起床――吃泡面――编程――吃泡面――睡觉的生活。三个月后，一个并不怎么华丽但是很好用的网站上线，这就是。
　　两年后的2005年10月，一听音乐网成为用户最多的中文音乐网站。
　　又过了两个月，更激动人心的突破传来，一听成功晋级世界网站排名400强。
　　网友的支持给了网站几个运营人员莫大的动力，2006年3月，网站一举冲入世界排名300强。
　　2007年，一听来到了北京，又有几个小伙子和大姑娘带着他们的CD箱子团结到那个“大二学生”和他的笔记本周围。他们盘算着，怎么能让中国人民的音乐生活更加丰富、更加精彩、更加美好、更加自由。。。。。。。。
　　Top4： (中文总排行51名) 主人王衡是一个非常低调和传奇的站长，他在一家it公司上班，业余时间喜欢文学，于是创办了小说阅读网，在2年内，迅速走红，成为最大的小说网站之一。
　　Top5：
(中文总排行59名) 中国站长站 始建于2002年3月，是一家专门针对各大小网站提供技术及资源服务的网站，现拥有国内最大的源码发布下载中心以及站长、网管聚集的站长社区，下载中心已经成为国内大型的同类下载站之一，每日的下载量达十万次以上，提供下载的文件储量达60G以上;站长社区已有十几万的用户群，并发表了一百多万的技术相关帖子，网站还提供了很多专门针对网站的特色服务，几年内已为国内数十万的中小型站点提供了数亿次的服务。
　　旗下网站有
中文网站排名83名
　　Top6：BT China (中文网站排行61名) 易特一号，这是一个让外行人看不明白的网站，就一个设计很不到位的首页，还有堆的外链出去，怎么会有那么大的流量　　
　　Top7： (中文网站排行73名，被百度4000万买下) 3年打造下载软件的辉煌，主要原因：页面简单，域名好记，推广有力，下载速度快
　　Top8：51.la (中文排行76名) 51啦统计，是阿江的得力之作，阿江从事医药方面的工作，业余喜欢网络，编写统计，阿江统计，阿江探针，一直都是站长比较喜欢的工具。 阿江兄弟两目前经营的阿江统计和紫田网络，在个人网站界知名度很高。
　　Top9：onlinedown.net (中文排行86名) 华军软件是国内老牌的下载网站，也是共享软件最多的下载网站，在全国大部分省市有分流下载中心。目前正在推出的华军商城，华军论坛，
　　Top10 ：xxsy.net (中文排行91名) 站长潇湘子，外号小箱子，最大的遗憾就是.com 没有买成，2年前，1万能买 不想买，现在花10万，也找不到卖家。
　　Top11:
(中文排行98名) 包含在线漫画，动漫音乐，动漫图片，动漫FLASH的网站。
　　Top12： (中文排名112名)动漫视界
　　Top13： (中文排名115名)流传数百万卖给南京一家企业，逐浪文学 玄幻、网游、军事、历史、武侠言情。
　　Top14： (中文排名116名)有传已经获得融资，TOP浙江网 提供免费论坛申请。
　　Top15： (中文排名118名)爱上网 中国人的个人门户。
　　Top16： (中文排名122名)kuku动漫
　　Top17： (中文排名127名) 好听音乐 音乐免费视听下载。
　　Top18： (中文排名132名) 我99 免费音乐娱乐。 有传言 数千万卖出
　　Top19： (中文排名133名)在线小游戏 在线小游戏与下载。 51 庞升东旗下网站，同时还有 51.com 中文排名21名
(中文排名253名)
中文排名186名
中文排名499名
　　Top20：.cn (中文排名135名) 高春辉的力作 与此站同时的手机销售网站一起 300万售出了。
　　Top21： (中文排名141名)粉丝网 王吉鹏，中国反黄第一人，做给少男少女看的粉丝网。获得50万美元的投资
　　Top22： (中文排名148名)51Yes网站流量统计智能版。
　　Top23： (中文排名150名) 云宵阁 文学书库。
　　Top24： (中文排名151名) 世纪文学 文学小说综合站。 一次成功的收购，21万购买，一年后，有人出到210万
　　Top25：tiexue.net (中文排名154名) 铁血网 军事、图库、博客、玄幻、科幻小说。
　　Top26：4yt.net (中文排名156名) 四月天 原创文学小说站点。
　　Top27： (中文排名159名)优客搜索 集成的搜索工具和页面 非常实用
　　Top28： (中文排名163名) ITSUN统计 提供免费网站流量统计系统服务。
　　Top29： (中文排名173名) 飞客BT BT资源搜索下载。
　　Top30： (中文排名180名) 流行音乐 流行音乐MP3在线欣赏。
　　Top31：
(中文排名181名) 去看去看 Flash音乐，Flash动画。
　　Top32： (中文排名200名) 霏凡软件 软件下载，以破解著称。
　　Top33： (中文排名206名)萱萱休闲 动画、MTV、小游戏。 中国女站长第一人
　　Top34： (中文排名211名)大众点评网 各大城市消费信息，包括餐馆数据库、餐馆介绍、食客点评等。
　　Top35： (中文排名213名) 精明眼动漫 漫画在线网站。
　　Top36： (中文排名214名)玄幻小说阅读 提供大量玄幻小说在线阅读。
　　Top37： (中文排名216名) 今生缘 流行音乐、舞曲、在线欣赏、下载。
　　Top38： (中文排名225名)凯神网
　　Top39： (中文排名227名) 落伍者论坛 交流论坛、建站、广告、资源信息。 最大站长集中的论坛
　　Top40：wansong.net (中文排名228名) 万壑松风 种类小说在线阅读欣赏。
　　Top41:
(中文排名229名)我爱打折 女站长经营，很不简单。
　　Top43:
(中文排名230名) 休闲小游戏
　　Top44:
(中文排名233名)凤鸣轩 比较全的言情小说专门站。
　　Top45:
(中文排名235名) 易特 易特广告联盟。
　　Top46:
(中文排名242名) E族人 流量感觉不真实。
　　Top47:
(中文排名243名) 极影卡通 动画,，漫画，音乐。
　　Top48:
(中文排名247名) 游戏007 flash小游戏，在线小游戏。
　　Top49: 5566.net (中文排名257名)5566导航是hao123同期的网站，目前与soft8 等系列网站关门造车，已经每况日下，不过站长的能力和经验丰富。保持不败之地。
　　Top50: discuz.net (中文排名259名) Discuz! php论坛程序的源码提供者。目前已经被投资。站长戴志康有传奇的经历，可以搜索之。
　　Top51:
(中文排名260名)9Down
　　Top52:
(中文排名264名)我爱音乐网 音乐在线视听、下载、歌词。 玫瑰网络是业务做网站，平时兼营机械业务。
　　Top53:
(中文排名269名) 闲人网络 动漫、笑话、音乐。
　　Top54:
(中文排名278名) 中国著名的休闲娱乐网站。 非常有价值的一个网站，如果有收购的可以早点准备动手。
　　Top55:
(中文排名280名) 华娱音乐网 在线音乐试听。 一个18岁小伙子做的国内280名的网站，难得!
　　Top56: 456.net (中文排名289名) 456小游戏 提供无限量精彩的flash小游戏。
　　Top57:
(中文排名303名) 去秀
　　Top58:
(中文排名305名) 小说读一读 为中华之崛起而读小说
　　Top59:
(中文排名309名) 免费看电影 20万购买的bnb88，给站长创造了价值100万的价值，收购个人网站是最赚钱的买卖
　　Top60: .cn (中文排名311名) TechWeb IT经营站点，揭示IT产业--。
　　Top61: 17kk.net (中文排名316名)一起看动漫网
　　Top62:
(中文排名319名)麒润广告网 提供公平公正交易的网络平台。 站长周愚人统计出身，旗下还有 中文438名，linkpage最近也是很热门的交换系统。
　　Top63:
(中文排名320名) QQ家园
　　Top64: 19floor.net (中文排名322名) 19楼论坛 讨论时尚、教育、情感、小说等的论坛。
　　Top65:
(中文排名325名) 珊瑚虫
　　Top66:
(中文排名328名)去听去听 音乐欣赏综合。
　　Top67:
(中文排名331名) 可可西 音乐综合类站点。
　　Top68: 52pk.net (中文排名339名) 52PK 包括游戏新闻、游戏下载、游戏论坛及周边服务。
　　Top69:
(中文排名342名) 翠微居 在线文学阅读。
　　Top70:
(中文排名357名) 目前国内排名靠前的QQ站,QQ知识丰富、实用。
　　Top71: mtvtop.net (中文排名358名)中国音乐在线 音乐试听，MP3、MTV下载。
　　Top72:
(中文排名366名) 武林榜 权威统计系统免费提供商。 传说是周鸿紧密支持的一个统计。
　　Top73: 7xi.net (中文排名376名)七喜音乐 音乐在线欣赏。
　　Top74:
(中文排名392名)易名中国 域名注册、抢注、停放、交易中介等。 站长丸子迅速在一年内将cn域名市场做到第一，技术和经验之外更多的是专注。
　　Top75:
(中文排名394名)广州视听 免费在线听歌，歌曲N全。
　　Top76:
(中文排名395名)猫猫壁纸 卡通、风景、游戏、明星桌面壁纸下载。
　　Top77: gjj.cc (中文排名398名)广捷居 收录域名下有点击来路十分钟后就在首页出现。 一个初中毕业的站长，创造很多的辉煌。
　　Top78:
(中文排名405名) 火车票网 还有.cn 火车时刻表，很小的主题能做到405名，主题很集中
　　Top79:
(中文排名414名)骑士音乐 在线音乐欣赏、搜索。
　　Top80:
(中文排名419名)无忧 集成搜索引擎。
　　Top81:
(中文排名437名)脉动 脉动广告联盟。 与先锋 51link 以前合作的网站
　　Top82:
(中文排名438名) 百万站 在线网站收录,2012年最受站长欢迎的网址导航站。
　　Top83:
(中文排名444名)MACD金融网 监控超过50000个金融站点。 站长有一句名言：专注造就成功
　　Top84:
(中文排名457名) 天籁之音 3万块造就辉煌，3万块北京某站长，2年前收购了此域名打造成价值100万的音乐网站
　　Top85:
(中文排名459名)小鱼社区 厦门小鱼社区。最成功的一个国内地区性质论坛
　　Top86: dvbbs.net (中文排名460名) 动网论坛 一款国内的动网论坛，也是国内知名的技术讨论站点。 asp类的使用最广的论坛程序系统
　　Top87:
(中文排461名)哈网传媒
　　Top88:
(中文排名463名)九天听吧 在线音乐欣赏。 qu123收购了ting88 个人网站之间的收购，都是很牛的网站，原ting88 做了 中文303名
　　Top89:
(中文排名475名) 流行在线 在线听歌
　　Top90:
(中文排名486名) 宣传易 宣传易广告网。 一个老牌的广告网站
　　Top91: xingming.net (中文排名500名)瓷都取名算命 姓名预测，抽签占卜，取名算命。 从原河南信息港瓷都cidu.net网分离出来的
　　总结了个人网站前91名的网站，音乐网站 20% 小说和动漫 30% 小游戏 10% 站长统计和社区类15%
　　其他还有网址和工具查询类。φ?企⑴⑵φ?企⑴⑵百万网站 上一站:&&当前推荐网站:&&下一站:&&申明:本资料由百万站会员提供，转载请注明出处，资料来源百万站网站知识库：/site/t130404/. 中国知名个人站长网站排行榜 感谢您的支持!
(提示：顶到百万站首页，分享给更多网友!)&&
现在有3人对'本文'发表评论
[58.211.2.*] 发表于 / 02:39:00
VIP券网/希望也能有个很好的发展与排名
2楼 弈柳家园
[101.71.55.*] 发表于 / 02:22:00
统计内容不错，很全面，不知道陈治国的个人网站（）能排到多少位？
[182.150.0.*] 发表于 / 11:15:00
您的姓名：
* 可选项，留空即为匿名发表
评论内容：
剩余字数：& * 按 Ctrl + Enter 发送.
百万站温馨提示:资料由百万站会员自行发布，请大家自辩真伪;评论只需提交一次,请耐心等候审核通过,方可显示.
中国知名个人站长网站排行榜贡献者:点击数: 累积有23450人浏览所属类别:主页标签:&&&参考网址:导航目录: >
> 内容简介:国内个人网站风风火火，这群最优秀的小伙子，甚至网络上搜不到他们的名字和照片，但是他们以个人的力量打造了中国网络网站的半壁江山。
站长茶馆目录影响力知识推荐榜
[5284人关注, , 分享]
[2705人关注, , 分享]
[3288人关注, , 分享]
[3354人关注, , 分享]
[2401人关注, , 分享]
[2687人关注, , 分享]
[14557人关注, , 分享]
[3303人关注, , 分享]
[2997人关注, , 分享]
[2566人关注, , 分享]
您可能感兴趣的一些网站方面的知识
2017,与百万网友携手打造百万站!
百万站-百万优秀网站的大本营！我们深信：每一个优秀网站的背后都有一个值得我们解读的故事。}