用hexo+Github搭建博客

2016-10-01

摘要：一直想搭建个自己的博客，直到两个月前才开始动手…在网上搜了半天，决定用hexo+github来搭建博客。因为我会点git，也有github账号，同时也想学node，正好符合我的实际情况。现在看来用它们搭建的博客发表博文还是比较方便的，下面开始正题。

环境要求

1、git

git的安装就不说了，安装适合自己电脑的版本，注意环境变量的配置。

2、node

安装node的话，Mac没什么问题，windows系统的给大家推荐一篇文章windows 上优雅的安装 node 和 npm很不错。我就是按照这篇文章的步骤安装的，使用起来很方便。

3、github

注册一个github账户（用户名要好好考虑下），已有账户的可以忽略；
新建一个与用户名对应的仓库，形如：用户名.github.io比如我的用户名niuxiaokui，仓库名就是niuxiaokui.github.io
blog1

Hexo

安装

执行命令

1	npm install -g hexo

-g表示全局安装, npm默认为当前项目安装。如果是按照windows 上优雅的安装 node 和 npm安装的话，会在npm-global\node_modules文件夹下看到一个叫Hexo的文件夹。当然，全局安装的其他模块也会在这里找到。
blog2
OK到现在所有准备工作已完成。

初始化

完成准备工作后，新建一个文件夹比如名字叫“blog”。然后打开命令行，win7快捷键是win+R。输入 cmd 后回车，之后cd进入“blog”文件夹。
执行命令

hexo init

进行初始化,会生成一些文件和文件夹。

新建文章

执行命令

1	hexo n "postName"

会在blog\source_posts目录下生成postName.md文件，使用Markdown语法编辑该文件

生成静态页面

执行命令

hexo g

根据blog\source_posts目录下的文件生成静态页面到public文件夹下

本地预览

执行命令

hexo s

在浏览器地址栏里打开http://localhost:4000/便能够预览页面。
blog3
Ctrl + C可以退出，停止服务。

部署到Github

1、执行命令

1	hexo snpm install hexo-deployer-git --save

添加hexo对于git的部署工具模块，可以在blog\node_modules中找到该模块

2、用编辑器打开blog下的_config.yml文件，修改最下面成这个样子：

deploy: 
    type: git
    repository: https://github.com/niuxiaokui/niuxiaokui.github.io.git
    branch: master

其中niuxiaokui换成自己Github账户名，保存，注意空格。

3、执行命令

hexo d

将public目录下的文件全部部署到Github上，需要输入账户名和密码

其他

1、清除缓存文件 (db.json) 和已生成的静态文件 (public)，也可以手动删除

1	hexo clean

2、安装指定版本的hexo

1	npm install hexo@2.8.3 -g

3、显示文章摘要

1
2
3

摘要
<!--more-->
余下全文

4.自动登录
每次部署都要输入账号密码，好累…
如何省掉这个步骤？github设置添加SSH这篇文章讲的很详细

5.图床外链
图床推荐七牛，很好用

更换主题

首先要下载喜欢的主题，以“yilia”为例

1	git clone https://github.com/litten/hexo-theme-yilia.git themes/yilia

按照自己的需求修改themes/yilia文件夹下的_config.yml文件
然后修改根目录blog下的_config.yml，翻到下面找到theme，将默认的主题修改成要更换的主题 yilia（注意冒号后要有一个空格）

1 2	## Themes: https://hexo.io/themes/ theme: yilia

网站图标和头像的话，比特虫可以在线制作图标，然后将图标和头像放在blog\source文件夹下，修改themes/yilia文件夹下的_config.yml文件

# Miscellaneous
google_analytics: ''
favicon: /favicon.ico

#你的头像url
avatar: /headPortrait.jpg

参考：
Hexo折腾记
 hexo你的博客
 简洁轻便的博客平台: Hexo详解
 HEXO+Github,搭建属于自己的博客