手把手教你使用hexo搭建属于你的个人blog

什么是HEXO?

A fast,simple&powerful blog framework;即一个快速,简单且强大的博客快速生产工具。它的简单体现在你完全有可能在30分钟内就生成属于你的个人博客。而它的强大体现在你对细节的调整上完全有可能花上一天的时间。


准备搭建环境

安装node.js

首先打开node.js官网

安装node.js

选择适合电脑系统的安装包下载解压安装。安装完成后按下win+R组合键然后 输入cmd 打开dos 命令行,输入node -v查看node.js版本号

查看版本号

如果有版本号出现,代表安装成功了~!


安装git环境

首先打开git官网

git官网

选择适合电脑系统的安装包下载解压安装。安装完成后按下win+R组合键然后 输入cmd 打开dos 命令行,输入git

gitInfo

如果出现如上信息,则表示安装成功了~!


创建github账号

关于注册github账号,github 它是一个面向开源及私有软件项目的托管平台。几乎所有的程序员都听说过它的大名。就正常注册一个账号就好了。

注册好账号后需要在git里面创建一个仓库

创建仓库
然后创建一个xxxx.github.io的仓库,这一步就完成了。

配置github SSH

注册好了github账号后 我们就可以配置ssh密钥了

第1步:创建SSH Key。在用户主目录下,看看有没有.ssh目录,如果有,再看看这个目录下有没有id_rsaid_rsa.pub这两个文件,如果已经有了,可直接跳到下一步。如果没有,打开Git Bash,创建SSH Key:

git bash

安装好git后在桌面点击鼠标右键 便可以看到Git Bash

打开 Git Bash Here 输入

$ ssh-keygen -t rsa -C "youremail@example.com"

你需要把邮件地址换成你自己的邮件地址,然后一路回车,使用默认值即可,由于这个Key也不是用于军事目的,所以也无需设置密码。

如果一切顺利的话,可以在用户主目录里找到.ssh目录,里面有id_rsaid_rsa.pub两个文件,这两个就是SSH Key的秘钥对,id_rsa是私钥,不能泄露出去,id_rsa.pub是公钥,可以放心地告诉任何人。

第2步: 登录github 打开 settings->SSH And GPG Keys ->New SSH Key

配置SSH

第3步:打开 Git Bash Here 输入命令测试是否配置成功

$ ssh -T git@git.com

如果提示Are you sure you want to continue connecting(yes/no)?输入yes.然后看到:

Hi mintureChan96! You've successfully authenticated, but GitHub does not provide shell access. 

看到这个信息说明SSH已配置成功,至此你还需要配置:

$ git config --global user.name "minturechan96"// 你的github用户名,非昵称
$ git config --global user.email "296893097@qq.com"// 填写你的github注册邮箱

开始搭建博客

初始化

在电脑的某个地方新建一个名为hexo的文件夹(名字可以随便取),比如我的是d:\hexo,由于这个文件夹将来就作为你存放代码的地方,所以最好不要随便放。

$ cd /d/hexo/
$ npm install hexo -g
$ hexo init

如果你遇到 'hexo' 不是内部或外部命令,也不是可运行的程序
那么你需要配置hexo的环境变量 在C盘找到AppDate\Roaming\npm\node_modules\hexo\bin

环境
将这个路径添加到电脑的系统环境变量中 然后重新开始执行hexo init
然后依次输入

$ hexo g # 生成
$ hexo s # 启动服务

hexo s是开启本地预览服务,打开浏览器访问 http://localhost:4000 即可看到内容,很多人会碰到浏览器一直在转圈但是就是加载不出来的问题,一般情况下是因为端口占用的缘故,因为4000这个端口太常见了,解决端口冲突问题请参考这篇文章:

http://blog.liuxianan.com/windows-port-bind.html

第一次初始化的时候hexo已经帮我们写了一篇名为 Hello World 的文章,打开后就是这个样子

初始化页面


修改主题

默认主题比较简洁。个人觉得不太好看 于是换了一个好看的主题。

有如下几个博主比较喜欢的主题推荐给大家:

indigo


Butterfly(博主所用的主题)


Diaspora


Nexmoe


上传到GitHub

如果你的博客+主题+ssh都配置好了,那么就可以发布到github了,只需要在当前初始化的文件夹中右键打开GIT Bash Here 输入命令hexo d

但是还有部分配置你需要知道。

你需要打开初始化博客的文件夹。找到_config.yml文件 修改里面的配置:

hexo博客初始化文件夹

deploy:
type: git
repository: git@github.com:mintureChan96/minturechan96.github.io.git
branch: master

配置完成后 还需要安装一个插件:

npm install hexo-deployer-git --save

其它命令不确定,部署这个命令一定要用git bash,否则会提示Permission denied (publickey).

打开你的git bash,输入hexo d就会将本次有改动的代码全部提交,没有改动的不会

至此就完成了搭建


新建一篇blog

找到hexo博客的根目录,在Git Bash Here 中执行如下命令:

hexo new post '你的博客名称'

hexo 会自动帮我们在/source/_posts/生成一个以md结尾的文件。这个就是以markdown格式的文件。
然后就可以开始编写博客了。不是很清楚markdown格式语法的可以参考我的上一篇文章初识Markdown


End

markdown格式编译器 Typora官网
至此,你就可以拥有一个无比炫酷的个人blog了。