hexo的基本使用方法

Posted on Edited on In , Word count in article: 711 Reading time ≈ 2 mins.

Warning: out of date

hexo 简介

  • hexo 是一个高效的基于 nodejs 的博客框架
  • 拥有众多主题和插件
  • 支持 markdown 语法,不懂的自觉baidu|google|bing
  • 易上手
  • ...

本教程适用于 windows 系统用户,使用前请确保你有以下的环境

  • git
  • Node: ^8.10

安装

按 win+R 在文本框中输入 cmd,然后点击确认

cmd 下输入以下内容,并回车

1
npm install -g hexo-cli

等待安装 hexo 完成

cd 进入桌面

1
cd desktop

创建博客

1
hexo init name

name指你博客(注意:此处博客指博客系统的根目录,包括博客静态文件以及配置文件、主题等)存放的文件夹名称(如果不存在，则会自动创建)。创建完成后,打开这个文件夹你看到的会和下图中类似

文件说明

  • node_modules: 存放 node 的模块(依赖)

  • scaffolds: 模板

  • source: 存放文章的文件夹(注意,此处是 md 文件,要在网上访问需要生成 html 文件,后面会说)

  • themes: 存放博客主题的文件夹

  • _config.yml: 博客配置文件,添加插件、更换主题，需要更改此文件

  • .gitignore: 不上传 git 的文件说明, 不懂自觉baidu|google|bing

  • package.json: npm 包说明(依赖说明,用于快速安装模块),不懂自觉baidu|google|bing

  • package-lock.json: npm 依赖详细说明(npm install 后自动生成),不懂自觉baidu|google|bing

初次体验

cmd 中进入之前生成的文件夹

1
cd name

此处name同上

运行 hexo 内置服务器(开启预览,会根据文章的变动,自动更新内容,不创键 html 文件,生成一个临时文件)

1
hexo s

执行上述命令后,cmd 会出现如下图类似的内容

这时，不要关 cmd!在浏览器中访问http://localhost:4000/会出现如下内容

生成静态文件

1
hexo g

进入 cmd,进入上面生成的文件夹,输入上述命令,会在文件夹中生成 public 文件夹,此文件夹便是静态页面,(注意:由于使用路径的缘故，无法通过本地打开 html 的方式预览,需要放进静态服务器,才可查看)

使用

用下方的命令，可以快速创建一篇博客(仅仅是创建这个文件,如果你喜欢,手动创建也可以,文件位置后面会说)

1
hexo new title

title指文章标题, 执行此命令后, 会在 source/_posts 文件夹中创建一个 title.md(title 中如有空格,需用""将 title 包起来, 创建的文件名会是你输入的标题将空格替换成'-', 类如输入"hello world", 则创建 hello-world.md)

用下方的命令可以快速创建一个标签(文章种类)

1
hexo new page "name"

name指标签名称，执行此命令会在 source 文件夹下创建一个叫上述名称的文件夹,其中包含 index.md 默认配置