什么是Hexo
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。此处附上Hexo中文官网。下面我们详细介绍搭建步骤。
安装Git Bash
Git Bash是Windows系统下git的命令行工具。
- 下载地址
- 安装步骤:双击下载好的exe文件,一路next就可以
- 确认成功:执行git version,控制台打印出对应git版本就说明安装成功了。
安装Node
Hexo是基于Node环境的静态博客,npm工具是必不可少的。
- 下载地址
- 安装步骤:基本操作,这里就不赘述了。
- 确认成功:执行node -v,控制台打印出对应Node版本就说明安装成功了。
安装Hexo
先创建本地存放blog的文件夹,然后cd到对应目录下。
安装命令:npm i -g hexo(建议用cnpm安装,会相对快一些)
确认成功:hexo -v
![](https://user-gold-cdn.xitu.io/2018/3/30/16274c983e8bf6c5?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
初始化:hexo init,之后打开的文件夹如下图:
![](https://user-gold-cdn.xitu.io/2018/3/30/16274cd8e5dcbac7?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
简单解释下文件夹的作用
node_modules:依赖包
scaffolds:命令生成文章等的模板
source:用命令创建的各种文章
themes:主题
_config.yml:整个博客的配置
package.json:项目所需模块项目的配置信息
`搭桥到Github
没账号的创建账号(程序猿不应该吧~),有账号的看下面步骤:
![](https://user-gold-cdn.xitu.io/2018/3/30/16274d3595e448bb?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
回到gitbash,配置github账号信息(YourName和YourEail都替换成你自己的)
![](https://user-gold-cdn.xitu.io/2018/3/30/16274d516db7d82a?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
创建SSH,在gitbash输入:ssh-keygen -t rsa -C “youremail@example.com,生成ssh,然后按照下图找到id_rsa.pub
![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8442172fc3?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
将获取的ssh放到github中:
![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8650137af9?imageView2/0/w/1280/h/960/format/webp/ignore-error/1) ![](https://user-gold-cdn.xitu.io/2018/3/30/16274d8844f0aac6?imageView2/0/w/1280/h/960/format/webp/ignore-error/1)
临门一脚
用编辑器打开blog项目,修改_config.yml文件的一些配置(记得冒号后必须有空格,不然配置不生效,这是Hexo的一个坑!)
``deploy:`<br/> `type: git`<br/> `repo: https://github.com/YourgithubName/YourgithubName.github.io.git`<br/> `branch: master`
进入blog项目,分别执行以下命令:
hexo clean
`hexo generate`
`hexo server`
打开浏览器输入:http://localhost:4000,见证奇迹的时刻到了~
上传到Github
需要先安装Hexo上传仓库的工具,执行npm install hexo-deployer-git –save,这样你写好的文章才能部署到github服务器。
执行命令(建议每次都这样做,先清除、再编译上传)
`hexo clean` `hexo generate` `hexo deploy`
在浏览器输入http://yourgithubname.github.io,这样你就可以看到自己的在线博客了~
写博客
最后的最后,怎么写博客?
新建文章:hexo new ‘文章名’,然后在blog的source文件夹就可以看到了。
写内容:支持markdown语法,所以我自己现在是用掘金自带的markdown编辑器写完后把文章复制过来的,完美兼容~
本地看过没问题就上传到github,步骤前面也说了,一般上传后github服务器会有点延迟,十分钟后刷新应该就有最新的blog了。