欢迎进入HEXO的世界

[TOC]

首先,HEXO是什么?

??其实HEXO就是一个轻量级的前端blog框架,形式简约而不简单。在官网中将其描述为

A fast, simple & powerful blog framework

实际上,这就是他的定位。

??其次,这个框架好用在哪里呢?一方面相信大家在谈起blog的时候首先就会在脑中出现的就是大名鼎鼎的WordPress!!这里没有任何黑WP的意思,只是这个框架有点过于庞大和“重量级”导致很多人望而生畏,像我这种比较懒惰的人,面对庞大的系统来说简直就是不想看好吧,因此索性和WP的缘分还没开始就已经结束了。相比起来,HEXO简直就是香到爆好不啦!小巧玲珑,配上完美丰富的主题,再加上对程序员必备语言markdown的完美支持,简直就是天上掉下来的小仙女!!

其次,HEXO需要什么样的环境支持?

??参照HEXO的官方github的指南,需要的前提条件有二——

  • git —— 常在某hub上混迹,这个技能是必须点亮的
  • —— 这个就不用说了,由于HEXO是个前端框架,因此需要node来调教

一切准备就绪,就等安装HEXO

??其实安装HEXO相当简单,只需要短短一行命令就可以完成安装——

  • 普通用户使用npm进行安装
npm install -g hexo-cli
  • 高级用户使用npm进行安装
npm install hexo

??我这次因为是对这个框架不算很熟悉,算是新手玩家,于是我只充当一个弟弟角色,使用普通用户的方式安装的HEXO,目前还不知道高级用户可以进行什么样的调教(此处挖一个坑)

怎样使用HEXO?

  • 选定一个合适的目录作为HEXO的根目录,然后在这个根目录下首先进行初始化操作,只需要一条命令
npx hexo init

欢迎进入HEXO的世界

??事实上从以上的打印出来的信息可以看到,这个初始化的过程实际上是:

flowchatst=>start: github上拉取HEXO的仓库e=>end: 结束op=>operation: 使用node运行仓库中的js文件st->op->e

欢迎进入HEXO的世界

??因此我们在前期的准备中需要安装好git和nodejs这两大神器!

??至此,我们离最后的运行只剩最后一条命令——

npx hexo server

??呈现出的界面——欢迎进入HEXO的世界

??老实说,这样的界面已经比较精神抖索了,而且还是比较简约的,但是咱们在颜值的路上需要越走越远,因此下一节我将详细说说怎样为我们自己的HEXO穿上美丽的花衣裳,简约而不简单!