Github+Hexo构建我的博客

文章目录

  1. 1. 准备工作
    1. 1.1. github
    2. 1.2. 域名(可选)
    3. 1.3. git,Node.js和SublimeText

我的这个博客网站是用hexo搭建,在Github上托管的。下面我记录下我的建站过程。

数月前初次接触网站建设,未果。国庆节左右,突然又想搭建一个属于我自己的博客,于是开始我的博客建设之路了。首先接触到wordpress,很著名很强大的博客平台,插件多,主题模板丰富,也较容易上手。但网站空间需要支持PHP和MySQL,于是我就在SF鼓捣,一直未成。偶然间,听到了hexo,hexo是由Node.js驱动的一款快速、简单且功能强大的博客框架,可以方便的生成静态网页托管在github和Heroku上。

作者是来自台湾的大学生@tommy351.“大学生”啊,吾等小白还只是写写关于他编的程序的安装及使用方法,惭愧惭愧。引用官方原话:

A fast, simple & powerful blog framework,powered by Node.js.

hexo很容易使用,文件小,可以快速方便地生成网站文件。然后,我就开始用hexo构建此博客了。而且,这也是我写的第一篇技术博客。

准备工作

github

GitHub 是一个共享虚拟主机服务,用于存放使用Git版本控制的软件代码和内容项目。
作为开源代码库以及版本控制系统,Github目前拥有140多万开发者用户。随着越来越多的应用程序转移到了云上,Github已经成为了管理软件开发以及发现已有代码的首选方法。
上述介绍来自维基与百度。在我看来,github就是开源项目托管代码,分享代码,与人合作共同开发项目的平台。
我之前就已经注册了,但一直不知道该干些什么,现在终于起到了作用。
我用github来托管我的博客的原因还有:github免费,不限空间容量,不限流量,没有广告,可以绑定自己的域名。

注册github账号后,新建仓库(repository),仓库名为:yourname.github.com
建好后,进入这个仓库,点右边setting,进入设置,找到github pages,点automatic page generator,自己随便选一个样式,之后可以更改,而且这之后会被你自己的网站替换,现在只是弄出来预览一下,让你知道这个网站空间已准备好。
github现在给你提供了域名yourname.github.com,进入看看,你就会看见刚刚预设的网页了。

域名(可选)

我不想用yourname.github.com这个github提供的,想用我自己的,我就购买了flynn.xyz这个域名。

域名绑定方法:
在仓库里新建文件,名为CNAME,内容为你自己的域名。
再到你的域名供应商那里解析你自己的域名,添加A记录,IP地址为:204.232.175.78 或 207.97.227.245
等数小时,最多24小时,你就可以用自己的域名进入网站了。

git,Node.js和SublimeText

首先是git,推荐下载安装msysgit,当然其他git软件也没问题。

然后是Node.js,不要怕,这个软件你完全不用学,也不需要你自己使用,下载安装之后,你完全不用再去管它,连打开都没有必要,它只是给hexo提供环境而已。老实说,我到现在都没动过它几次,偶尔好奇就打开看看,暂时也不想去学。

安装代码编辑器:
已有代码编辑器的童鞋跳过此步。代码编辑器随自己的喜好,就我所了解的有Vi,Vim,SublimeText,Notepad++等。
我个人目前使用的是SublimeText2,功能强大,用户界面又特别美观。

##安装hexo
桌面或任意路径鼠标右键,选git bash,命令安装:

1
$ npm install -g hexo

##初始化
以下命令:

1
2
3
$ hexo init <folder>
$ cd <folder>
$ npm install

folder为你要安装hexo的路径。
对于不熟悉命令行操作的盆友,可在你想要安装的路径(如E:\hexo\)内,再右键进git bash,输入

1
2
$ hexo init
$ npm install

即可

现在已经搭建好博客了,输入下面这条命令:

1
2
$ hexo generate
$ hexo server

然后在浏览器进入localhost:4000,你就会看到已经初始化的博客了。

##上传博客
编辑你的Hexo目录下的_config.yml文件(替换成你自己的信息):

1
2
3
4
deploy:
type: github
repository: https://github.com/yourname/yourname.github.io.git
branch: master

现在需要配置SSH keys,容我之后再介绍。

暂时可以下载安装Github的官方Git软件,手动将你的博客文件(在你的hexo\deploy\,除.git文件外都是)上传到你的Github的yourname.github.com仓库中。此时,以你自己的域名或yourname.github.com都进入你的博客,虽然此时还只是未进行任何设置的初始化博客。