Hexo+Github搭建个人博客

总想着搭建自己的个人博客,找了好久。再一次面试过程中,有看到面试者的个人简历介绍中有谈到Hexo+Github的方式搭建自己个人博客,如是就有了下面的内容了。之前有使用过其它的一些第三方的博客,总之是各种广告内容,看着不舒服;当然也有使用有道笔记,总是感觉缺少点什么。一方面为了,提升自己的写作能力,同时也是对日常工作的整理。好吧,正文从下面开始吧。

配置环境

安装Node(必须)

作用:用来生成静态页面的到Node.js官网下载相应平台的最新版本,一路安装即可。
安装Git(必须)作用:把本地的hexo内容提交到github上去.安装Xcode就自带有Git,我就不多说了。
申请GitHub(必须)作用:是用来做博客的远程创库、域名、服务器之类的,怎么与本地hexo建立连接等下讲。github账号我也不再啰嗦了,没有的话直接申请就行了,跟一般的注册账号差不多,SSH Keys,看你自己了,可以不配制,不配置的话以后每次对自己的博客有改动提交的时候就要手动输入账号密码,配置了就不需要了,怎么配置我就不多说了,网上有很多教程。

正式安装Hexo

Node和Git都安装好后,可执行如下命令安装hexo:
npm install -g (安装hexo的命令)
hexo初始化然后,执行init命令初始化hexo到你指定的目录,
我是直接cd到目标目录执行hexo init的。命令:
hexo init(init hexo的目录)

1
2
npm install -g hexo
hexo init
启动本地服务

启动本地服务,进行文章预览调试,命令:
hexo server
浏览器输入http://localhost:4000 配置正常的话,会进入本地服务的页面
我不知道你们能不能,反正我不能,因为我还有环境没配置好
我的hexo版本信息如下:

1
2
3
4
5
6
7
8
9
10
11
12
iMac-7:beibei tianww$ hexo version
hexo-cli: 1.0.1
os: Darwin 15.3.0 darwin x64
http_parser: 2.6.2
node: 5.7.0
v8: 4.6.85.31
uv: 1.8.0
zlib: 1.2.8
ares: 1.10.1-DEV
icu: 56.1
modules: 47
openssl: 1.0.2f

配置Github

首先需要在Github上面注册帐号后,建立Repository项目,仓库的名称必须为【your_user_name.github.io】固定写法,然后建立关联。本地的blog地址为/Users/tianww/Desktop/hexo,ls目录下面的内容:
_config.yml node_modules public source
db.json package.json scaffolds themes
现在我们需要_config.yml文件,来建立关联,命令:
vim _config.yml到最下面加入:

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

把上面对应的改成你的帐户就可以了。网上会有很多说法,有的type是github, 还有repository 最后面的后缀也不一样是github.com.git,我也踩了很多坑,我现在的版本见上面,执行命令hexo -vsersion就出来了,貌似3.0后全部改成我上面这种格式了
然后执行配置部署命令:
hexo deploy
在浏览器中输入http://Tweiwei497435786.github.io/就行了,改成你自己的。

部署的步骤

每次部署的步骤,可以按照三步进行。

1
2
3
hexo clean
hexo g
hexo deploy

遇到的问题

1.如发生 ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解决方法: npm install hexo-deployer-git –save

2.由于yml语法比较严格,注意配置的时候冒号:之前都是有空格的

3.在本地生成的目录中的public文件夹和你远程的github的项目中是对应,不能通过git方式直接操作远程的。由于每次本地会deploy操作。所以需要添加文件的操作,可以直接在本地文件目录public下面直接添加,然后重新部署,这样远端和本地就一样了。

拓展

hexo常用的命令

hexo new”postName” #新建文章
hexo new page”pageName” #新建页面
hexo generate #生成静态页面至public目录
hexo server #开启预览访问端口(默认端口4000,’ctrl + c’关闭server)
hexo deploy #将.deploy目录部署到GitHub
hexo help #查看帮助
hexo version #查看Hexo的版本

博客主题theme

这里有大量的主题,选择一款自己喜欢的主题

Yilia- Responsive and simple style 优雅简洁响应式主题,我用得就是这个
注意直接下载该主题,然后拷贝yilia文件目录到本地目录的themes下面,修改_config.yml文件的theme: yilia就可以了,开始你的博客吧!