Fork me on GitHub

Hexo搭建免费博客

准备条件

  1. 首先你得有一个自己的github账号,没有的话去注册一个吧。
  2. 其次你的电脑上需要安装nodeJs和npm,这是前提条件。
  3. 第三,作为一个开发者,git怎么能缺少呢,安装一个git for windows客户端吧。

搭建你的博客

创建Github仓库

新建一个名为: 你的用户名.github.io的仓库,比如我的github用户名是wenni328,新建的仓库就为wenni328.github.io(这里必须是你的用户名)

配置ssh key

在git命令窗口输入

1
$ cd ~/. ssh #检查本机已存在的ssh key

如果提示:No such file or directory,说明你是第一次使用git,需要自动生成一下
输入如下命令,按三次回车键即可生成一份.ssh\id_rsa.pub文件

1
$ ssh-keygen -t rsa -C "邮件地址"

用记事本打开这份生成的文件,ctrl+a复制里面内容,登录你的github找到SSH and GPG keys,选择New,然后将复制内容粘贴到内容框就行
步骤说明
然后我们测试一下ssh key是否配置成功,git窗口输入

1
$ ssh -T git@github.com #直接复制这句,不用改

如果出现提示:Are you sure you want to continue connecting (yes/no)? ,输入yes,看到

1
....You've successfully authenticated, but GitHub does not provide shell access.

这就说明已经配置成功了

开始你的Hexo

Hexo安装

1
$ npm install -g hexo

Hexo初始化

新建一个文件夹用来存放Hexo主题以及代码的。比如我的是D:\javaSoft\hexo

1
2
$ cd /d/javaSoft/hexo
$ hexo init

等待一段时间,生成目录结构为
目录结构

1
2
$ hexo g #生成文件
$ hexo s #启动服务

然后访问http://localhost:4000可以看到你的博客(这是默认主题,hexo还有很多主题)。

Hexo更换主题

我比较喜欢next主题,大家可以换成你们喜欢的主题。

1
2
$ cd /d/javaSoft/hexo
$ git clone https://github.com/iissnan/hexo-theme-next.git themes/Next

下载后存放地址:
主题存放
然后找到hexo下的_config.yml,打开,查找theme: landscape改成theme: Next
然后执行hexo g重新生成一下,hexo s 启动服务,
至此,我们的博客就已经搭建好了。

上传到你的githUb

ssh key配置

我们要让github和hexo连接起来,进行hexo下的_config.yml相关deploy配置

1
2
3
4
deploy:
type: git
repository: git@github.com:github用户名/github用户名.github.io.git
branch: master

连接了github之后我们需要再安装一个插件

1
npm install hexo-deployer-git --save

发布,将本地博客文件发布到网站博客上,命令比较简单

1
$ hexo d

新建页面指令

1
$ hexo new page "页面名称"

会自动生成在hexo主题下的source/_post文件夹下,然后就可以继续你的编写了
之后你就可以访问你的博客了:https://github账号.github.io/
当然这里设置的都是比较普通的博客,如果你想个性化定制自己的博客
推荐个性化设置Hexo

-------------本文结束感谢您的阅读-------------