Hexo
1.1、Hexo简介
是什么 ?:a fast, simple & powerful static website generator.
开发语言:Node.js
官方主页:https://hexo.io
源码仓库:https://github.com/hexojs/hexo
1.2、通过包管理器安装hexo-cli
包管理器安装命令
npmnpm install -g hexo-cli
yarnyarn global add hexo-cli
1.3、hexo命令

hexo命令的使用方式为:

hexo COMMAND
1.3.1、hexo help COMMAND

查看COMMAND的使用帮助。

示例:

1.3.2、hexo init PROJECT_DIR

创建Hexo项目。

这个过程可能会比较慢,主要做了2件事情:

  • git仓库拉取了一个项目模板。
  • npm仓库安装一些项目依赖的模块。

生成项目的文件和目录结构如下:

文件和目录的作用:

_config.yml项目配置文件
package.json项目依赖配置及开发者信息
node_modules存放所有的项目依赖库的地方
source源文件存放目录
scaffolds模板文件存放目录
themes主题存放目录
1.3.3、hexo server [option]...

启动Hexo用于本地开发的HTTP服务器。

option有如下:

--port设置监听的端口号,默认是4000
--log打开日志
--open启动成功后会立即打开浏览器

示例:

网站界面如下:

这样我们在本地编写的时候,在部署到服务器之前,都可以在本地进行预览。没有问题之后再进行部署。

1.3.4、hexo new [layout] <title>

生成一篇新文章。

layout是模板名称,模板是放在scaffolds中的那些.md文件, 文件名前缀就是模板名称。默认的,此目录下有3个文件,分别是draft.mdpage.mdpost.md。您也可以根据自己的需要自己添加文件。

layout参数不是必需的,默认是post

title既是生成的文件名前缀,也是页面的标题。

这个命令执行后,会生成一个source/_posts/<fileName>.md的文件, 我们从后缀名即可知道,这是Markdown文件。我们以后编写博客就用Markdown语言了。

为什么使用这个命令来创建Markdown文件呢?这是因为这命令生成的文件会有一些额外的信息,比如标签、创建时间等。 而且此命令创建的Markdown文件是在模板文件的基础上得来的,我们可以直接修改模板文件,非常方便。

1.3.5、hexo generate

如果我们想将Markdown转换成HTML等静态资源文件,可以使用下面的命令:

hexo generate

执行这个命令后,会发现多了一个db.json的文件和public的文件夹。

public的文件夹中存放的就是我们的静态网站资源。

1.3.6、hexo deploy

等开发完成后,我们为了让别人访问到我们的网站,就需要部署到服务器上。

静态博客可以被方便的部署在GitHub PagesGitee Pages上。

1.4、替换主题

https://hexo.io/themes是个专门的主题市场, 目前大约有260多个主题可以使用。

点击这些主题的链接,通常都是跳转到GitHub上的对应项目中。

项目的描述中有详细的安装说明。不过一般的步骤如下:

1、进入项目的themes目录:

cd themes

2、使用git下载主题:

git clone https://github.com/yelog/hexo-theme-3-hexo.git

3、修改_config.yml中的theme: landscapetheme: hexo-theme-3-hexo

4、重新部署。

大部分主题,通过上面的步骤就可以安装成功了,不过,有些复杂的主题,需要配置的东西很多,需要看他们的详细说明。