0%

hexo 强大的Node.js静态博客框架

hexo 简单、快速、强大的Node.js静态博客框架。

网址:
https://hexo.io/

nodejs安装

请点击:查看

npm安装

NPM(node package manager),通常称为node包管理器。顾名思义,它的主要功能就是管理node包,包括:安装、卸载、更新、查看、搜索、发布等。

网址: https://www.npmjs.com/

由于新版本nodejs都有安装npm,运行命令即可。

hexo安装

环境:winodws 7
安装目录:d:\blog
Github:本文暂不安装
文档介绍:https://hexo.io/docs/index.html

打开cmd,运行命令:

1
2
3
4
5
6
7
8
npm install hexo-cli -g

hexo init d:\blog\

cd d:\blog\
d:\

npm install

如图:


hexo目录结构

新建完成后,指定文件夹的目录如下:
.
├── _config.yml
├── package.json
├── scaffolds
├── source
| ├── _drafts
| └── _posts
└── themes

_config.yml

网站的 配置 信息,您可以在此配置大部分的参数。

package.json

应用程序的信息。EJS, Stylus 和 Markdown renderer 已默认安装,您可以自由移除。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
package.json
{
"name": "hexo-site",
"version": "0.0.0",
"private": true,
"hexo": {
"version": ""
},
"dependencies": {
"hexo": "^3.0.0",
"hexo-generator-archive": "^0.1.0",
"hexo-generator-category": "^0.1.0",
"hexo-generator-index": "^0.1.0",
"hexo-generator-tag": "^0.1.0",
"hexo-renderer-ejs": "^0.1.0",
"hexo-renderer-stylus": "^0.2.0",
"hexo-renderer-marked": "^0.2.4",
"hexo-server": "^0.1.2"
}
}

scaffolds

模版 文件夹。当您新建文章时,Hexo 会根据 scaffold 来建立文件。

source

资源文件夹是存放用户资源的地方。除 _posts 文件夹之外,开头命名为 _ (下划线)的文件 / 文件夹和隐藏的文件将会被忽略。Markdown 和 HTML 文件会被解析并放到 public 文件夹,而其他文件会被拷贝过去。

themes

主题 文件夹。Hexo 会根据主题来生成静态页面。

hexo命令

打开cmd,输入:

清除缓存文件 (db.json) 和已生成的静态文件 (public)。

1
hexo  clean

启动服务器。默认情况下,访问网址为: http://127.0.0.1:4000/

1
hexo server

hexo主题

网址:https://hexo.io/themes/
本人喜欢简洁,采用的是next,详细请看:https://github.com/iissnan/hexo-theme-next

layicr 微信

微信

layicr 支付宝

支付宝