用hexo搭建静态博客

前言

Hexo 是一个快速、简洁且高效的博客框架。Hexo 使用 Markdown(或其他渲染引擎)解析文章,在几秒内,即可利用靓丽的主题生成静态网页。
由于是纯静态博客,所以可以部署在 coding/github 上,无需服务器。

安装环境

首先,需要安装下列应用程序:

  • Node.js
  • Git

安装 Git

下载并安装 git.

安装 Node.js

下载 安装程序 安装(建议勾选Add to PATH选项)。
或者使用 nvm 安装。

cURL:

$ curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

or Wget:

$ wget -qO- https://raw.githubusercontent.com/creationix/nvm/v0.33.11/install.sh | bash

安装完成后,重启终端并执行下列命令即可安装 Node.js。

$ nvm install stable

在windows中,也可使用 Git Bash 通过以上指令安装 Node.js。

安装hexo

打开 Git Bash,执行如下命令安装 Hexo

$ npm install -g hexo-cli

开始

1. 初始化

安装 Hexo 完成后,请执行下列命令,Hexo 将会在指定文件夹中新建所需要的文件。

$ hexo init 
$ cd 
$ npm install

其中 为 hexo 项目名

新建完成后,指定文件夹的目录如下:

.
├── _config.yml
├── package.json
├── scaffolds
├── source
|   ├── _drafts
|   └── _posts
└── themes
  • _config.yml 网站 配置 文件,可以在此配置大部分的参数。
  • package.json 应用程序的信息。EJS, Stylus 和 Markdown renderer 已默认安装,您可以自由移除。
  • scaffolds 模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。
    Hexo的模板是指在新建的markdown文件中默认填充的内容。例如,如果您修改scaffold/post.md中的Front-matter内容,那么每次新建一篇文章时都会包含这个修改。
  • source 资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。
  • _posts 存放文章的文件夹。除了用命令之外,也可以直接在这里新建文章。
  • themes 主题 文件夹。Hexo 会根据主题来生成静态页面。

2. 生成静态文件

$ hexo generate

其中 generate 可以简写为 g

选项 描述
-d, --deploy 文件生成后立即部署网站
-w, --watch 监视文件变动

3. 启动服务器

$ hexo server

其中 server 可以简写为 s
默认情况下,访问网址为: http://localhost:4000/

选项 描述
-p, --port 重设端口
-s, --static 只使用静态文件
-l, --log 启动日记记录,使用覆盖记录格式

4. 部署网站

$ hexo deploy

其中 deploy 可以简写为 d

参数 描述
-g, --generate 部署之前预先生成静态文件

你可能感兴趣的:(用hexo搭建静态博客)