Hexo 简单介绍
hexo 是一个基于Node.js的静态博客框架,可以方便的生成静态网页并且托管在github 上。hexo是一个开源的博客框架,我们可以任意使用修改,但是很多功能要自己去实现,没有计算机基础的人使用起来可能比较困难。
准备
前面提到hexo是基于Node.js的博客框架,所以安装Hexo之前需要先Node.js 和设置 github(托管代码)
GitHub 设置
首先你要注册一个github帐号
创建一个库(new repository)命名为YourSiteName.github.io/
根据自己的喜好简单设置一下github生成的静态网页
安装Node.js
下载Node.js 并安装
Hexo 安装
安装
$ npm install -g hexo-cli
初始化
安装完成后,建一个文件夹(如hexo),执行以下指令(在hexo路径下),Hexo 即会自动在目标文件夹建立网站所需要的所有文件.
$ hexo init
- 查看博客
|
|
然后在浏览器中输入localhost:4000 就可以看到你的博客了。
Hexo 基本使用
既然博客已经安装好了,那么怎么写博客呢?博客是基于MarkDown语法的,不了解MarkDown的请点击这里。
编辑器MAC环境下免费的有Mou 和MacDown 比较给力,其他的不熟悉。
- 创建文件
|
|
或者直接进入hexo\source_posts路径下添加 xxx.md 类型的文件,然后打开文件编辑
- 预览
|
|
$ 访问localhost:4000预览效果。(退出server用Ctrl+c)
- 提交到git
编辑hexo_config.yml,把下面的 abc 换成你的用户名。
|
|
保存文件并运行
|
|
然后在浏览器输入abc.github.io 就能看到 Git 的博客发生了变化。
Hexo 配置
Okay
Hexo 的基本使用已经结束了,下面是怎样装饰你的博客了,如果你对默认的样式很满意,后面的可以跳过了。
Hexo 有两个配置文件,在hexo路径下的 _config.yml 文件是 站点配置文件
,在 hexo\themes\hexo-theme-next 路径下的 _config.yml 文件是主题配置文件
。