程序员都应该有写博客的习惯,博客可以作为知识管理,提升自己。当然写博客的地方有很多,CSDN,博客园以及新浪,网易等等。但是如果使用Github Pages来搭建一个有自己域名的独立网站,会不会更加炫酷呢?当然这方面的教程网上也很多,这里主要是我自己实现后的经验总结和注意事项。
这是最完整的教程,虽然是针对Windows的,但是我在mac上一步步做下来也是可以实现的。大家也可以照着做。链接:http://cnfeat.com/2014/05/10/2014-05-11-how-to-build-a-blog/ 。感谢这位博主。
我将会分别讲述有些过程中的注意事项(我用的是Mac):
(1)域名申请
我们首先需要在Github的域名系统下搭建好我们最初的博客系统。网址是:https://用户名.github.io.但是最好的(或者最屌)的是自己去申请一个域名,最后把Github的域名重定向到我们自己的网址中。大家可以去www.godaddy.com .申请。我申请了一年,用了60多元,还是比较便宜的。因为这个网站支持支付宝,所以非常方便。在下面这个界面中不需要任何操作,直接“Continue
to Cart”就可以了。
.
网上也有很多优惠码,大家可以搜索“Godaddy优惠码”,多试几个会有便宜的。域名申请应该没难度,只要挑个自己喜欢的就行了。
(2)安装Git
Git具体不介绍了,到时候会用到Git来向Github提交网页。OS X中已经自带了Git了,可以在Terminal中输入Git命令来查看,一般是默认安装在/usr/bin/git下面。只要不出现“Command not found”就行。同时注意Mac下面也没有Git Bash的一个命令行客户端,所有命令行都是在终端中进行。
(3)安装Node.js
在这里生成网页的时候会用到Hexo,这是一个比较方便的静态网页生成器。Hexo的使用必须要基于Node.js. 其中安装完Node.js后还要安装一个npm(注意:是npm,而不是nmp,我因为大意看错了这个命令,导致系统一直提示没有安装npm。浪费了很长时间,泪崩啊!!),一个Node下面的包管理器,到时候会用到npm来安装Hexo。可以去官网下载,目前Mac下面Node.js和npm已经集成到一起了,所以直接安装一个Node就行了。官网地址:https://nodejs.org/
。下载后是这样的:
。
然后一路默认安装好了,什么都不用管。最后可以使用“node -v”,"npm -v"查看版本号,或者使用"which node","which npm"查看安装路径,一般默认路径是“/usr/local”下面。一定要胆大心细。
(4)Github建立项目
Github上面建立一个空的Repository,注意Repository name一定是和你的用户名是一模一样的。即“用户名.github.io”,你如果使用的是Github的域名的话,到时候你博客的网址就是https://用户名.github.io了。
(5)安装Hexo
这一步又是比较关键的,可能会遇到一些问题。首先安装命令“npm install -g hexo”,如何这个命令不行的话使用“sudo npm install -g hexo”,是因为权限不足导致的。然后注意:需要自己建立一个Hexo文件夹,在该文件夹内执行 “hexo init”,操作,以后关于hexo的所有命令都必须在这个文件夹下执行,否则可能会有各种异常发生,也会提示命令找不到。
关于hexo的常用命令,以及终端下的常用命令行,可以参考:《mac下终端命令汇总》 。里面几乎包含了整个独立博客搭建的所有需要的命令。配置完Hexo后,目录结构如下:
。
执行完上述步骤后,你的博客基本已经搭建完成了。可以登录https://用户名.girhub.io 进行查看。
(6)个人域名与Github博客进行绑定
进行该绑定过程,其实就是一个重定向的过程。这里也有一个非常重要的步骤,就是在Hithub Repository的根目录下建立一个CNAME的文本文件,文件里面只能输入一个你的域名“****.com”或者"www.*****.com",info,org后缀的类似,总之不能加http:// 。注意到时候CNAME一定是在你Github项目的master de根目录下,你也可以建立一个CNAME的文本文件,放到Hexo-->public目录下,因为到时候同步上去的是这个public文件夹。如下图所示表示没问题,其他按照上面的链接做就可以。
。
经历以上步骤后,直接打开你的个人域名,就可以访问了。如果有任何问题,仔细看教程或者百度,一定可以解决的。整个配置过程是非常漫长和麻烦的,一定要有耐心。就算看了教程,我也是网上找了很多资料,有些Github等官方文档甚至是英文的。我以后将会把博客同时发布到CSDN和自己的主页上。我博客主页地址:http://www.chenyufengweb.com .欢迎大家来访。目前用的是别人的主题,还没进行优化,CSDN的博客我也会逐渐迁移过去。有心得大家一起分享,附上目前我的博客的截图:
版权声明:本文为博主原创文章,未经博主允许不得转载。