什么是Hexo?
Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown解析文章,在几秒内,即可利用靓丽的主题生成静态网页。个人理解Hexo是一种基于Node.js制作的一个博客生成工具,可以将我们写好的Markdown文章渲染成静态的html页面。
安装Hexo
安装Hexo需要先安装Node.js和Git,如果电脑中已经安装了这两个程序,可以直接前往【安装 Hexo】步骤。
安装 Git
- Windows:前往 淘宝 Git for Windows 镜像 下载安装包
- Mac:使用Homebrew安装, 终端输入
$ brew install git
安装 Node.js
- Windows:前往 淘宝 Node.js 镜像 下载安装包
- Mac:使用Homebrew安装, 终端输入
$ brew install node
由于npm的服务器位于国外,安装依赖时速度特别慢,Mac用户成功安装Node.js后,推荐使用淘宝定制的cnpm命令行工具代替默认的 npm
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安装 Hexo
$ npm install -g hexo-cli
使用Hexo建站
安装 Hexo 完成后,执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。
$ hexo init <博客目录>
$ cd <博客目录>
$ npm install
新建项目的目录结构如下:
.
├── _config.yml // 博客配置文件
├── package.json // 应用程序的信息(依赖,版本号等)
├── scaffolds // 生成文章的模板
├── source // 用户资源(博客文章、主题配置等)
└── themes // 主题文件夹(页面样式)
预览效果
使用$ hexo g
命令来生成静态页面,之后使用$ hexo s
命令来启动本地服务,在浏览器就输入http://localhost:4000
即可看到搭建好的博客了。
新建一篇文章
$ hexo new <文章标题>
使用上面的命令创建一篇新文章,文章保存在 <Hexo项目路径>/source/_posts/<文章标题>.md
,使用你熟悉的Markdown编辑器编辑文章后输入$ hexo g
重新生成静态页面,在浏览器中刷新一下就可以看到你的第一篇Hexo博客了。
总结
经过上面的操作步骤,一个使用Hexo搭建的博客系统就建好了,当然这里我们看到的只是Hexo自带的博客效果,并且只能在本机查看,相当于学习编程时成功运行了Hello Word而已。想要我们的博客丰富起来还要修改Hexo的配置,选取个人喜欢的主题,部署外网服务器,这些都是我们需要进一步去学习的。