Hexo介绍
Hexo 是一个简单地、轻量地、基于Node的一个静态博客框架。通过Hexo我们可以快速创建自己的博客。
对于个人用户而言,部署到github上方便,快捷。省去了服务器成本。
Hexo官网
Hexo安装
- 安装Hexo之前建议先安装Git.exe和node.js;
- 创建目录,例如D:\Temp\Hexo,打开Git Bash,进入此目录
$ cd D:
$ cd Temp/Hexo/
- 安装Hexo
$ npm install -g hexo
- 查看hexo版本
$ hexo version
- 初始化hexo
hexo init
- 启动Hexo服务器,提示端口打开
$ hexo server 或 hexo s
- 在浏览器访问 http://localhost:4000 出现默认的网页!至此,基本完成。
图例:
创建Github Pages
参考如下地址,分分钟完成github pages建站
发布项目到Github
静态化处理
Hexo是静态博客框架。静态博客,是只包含html, javascript, css文件的网站,没有动态的脚本。虽然我们是用Node进行的开发,但博客的发布后就与Node无关了。在发布之前,我们要通过一条命令,把所有的文章都做静态化处理,就是生成对应的html, javascript, css,使得所有的文章都是由静态文件组成的。
- 静态化命令
$ hexo generate 或 hexo g
- 配置
编辑Hexo目录下站点配置文件:_config.yml,找到deploy的部分,设置项目地址(注意username替换成自己的名字):
deploy:
type: git
repo: https://github.com/username/username.github.io.git
branch: master
- 部署命令
$ hexo deploy 或 hexo d
- 部署过程中遇到问题解决,需安装hexo自动部署git工具,然后在执行部署命令
$ npm install hexo-deployer-git --save
$ hexo deploy
- 每次部署步骤如下:
$ hexo clean
$ hexo generate
$ hexo deploy
至此,我们的博客就完美的发布到了Github上,可以访问以下http://username.github.io.git试试了。
当然,默认的效果也许你并不喜欢,你可以任意替换自己想要的主题。
例如:37°青春
配置主题
主题网站
在 Hexo 中有两份主要的配置文件,其名称都是 _config.yml。 其中,一份位于站点根目录下,主要包含 Hexo 本身的配置;另一份位于主题目录下,这份配置有主题作者提供,主要用于配置主题相关的选项。
为了描述方便,在以下说明中,将前者称为 站点配置文件, 后者称为 主题配置文件。
以NexT主题为例:
$ cd D:\Temp\Hexo
$ git clone https://github.com/iissnan/hexo-theme-next themes/next
启动主题
打开 站点配置文件, 找到 theme 字段,并将其值更改为 next。
theme: next
修改语言
打开 站点配置文件, 找到 language 字段,并将其值更改为 zh-Hans。
language: zh-Hans
修改相关标题名称
注意冒号后面需要有空格
NexT主题设置
详细的配置查看此网站
报错总结
ERROR Deployer not found: git 或者 ERROR Deployer not found: github
解决方法:
npm install hexo-deployer-git --save
感觉自己棒棒哒!